博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用js实现table内容从下到上连续滚动
阅读量:6527 次
发布时间:2019-06-24

本文共 2930 字,大约阅读时间需要 9 分钟。

网上有很多用ul实现新闻列表滚动的例子,但是很少有直接用table实现列表内容滚动的例子,而Marquee标签滚动的效果不是很好,于是自己写了一个,提供给攻城师朋友们参考

实现思路:由于table包含标题和内容,实际上理想的效果是标题不动,内容滚动,于是把标题和内容拆分出来放在两个table中

table内容连续滚动
业务流水号 业务名称 申请企业名称 申报日期 办理状态
201404020001 测试业务 申请企业名称 2014-03-13 在办
201404020002 测试业务 申请企业名称 2014-03-13 在办
201404020003 测试业务 申请企业名称 2014-03-13 在办
201404020004 测试业务 申请企业名称 2014-03-13 在办
201404020005 测试业务 申请企业名称 2014-03-13 在办
201404020006 测试业务 申请企业名称 2014-03-13 在办
201404020007 测试业务 申请企业名称 2014-03-13 在办
201404020008 测试业务 申请企业名称 2014-03-13 在办
201404020009 测试业务 申请企业名称 2014-03-13 在办
201404020010 测试业务 申请企业名称 2014-03-13 在办
201404020011 测试业务 申请企业名称 2014-03-13 在办
201404020012 测试业务 申请企业名称 2014-03-13 在办
201404020013 测试业务 申请企业名称 2014-03-13 在办
201404020014 测试业务 申请企业名称 2014-03-13 在办
201404020015 测试业务 申请企业名称 2014-03-13 在办
201404020016 测试业务 申请企业名称 2014-03-13 在办
201404020017 测试业务 申请企业名称 2014-03-13 在办
201404020018 测试业务 申请企业名称 2014-03-13 在办
201404020019 测试业务 申请企业名称 2014-03-13 在办
201404020020 测试业务 申请企业名称 2014-03-13 在办
没用使用插件,直接将代码另存为html文件,用浏览器打开测试即可

经过测试,IE8、Chrome、Firefox都可以兼容

转载地址:http://yotbo.baihongyu.com/

你可能感兴趣的文章
几句话就能让你明白:网络地址转换(NAT)
查看>>
springboot项目自定义注解实现的多数据源切换
查看>>
如何用javascript正则表达式验证身份证号码是否合法
查看>>
ccf 201803-1 跳一跳(Python实现)
查看>>
特此说明
查看>>
使用flume替代原有的scribe服务
查看>>
用脚本来定制ESXI安装镜像
查看>>
微软企业级加解密解决方案MBAM架构
查看>>
没有苦劳,只有功劳!
查看>>
基于ThinkPHP写的一个简单的CMS系统
查看>>
笔记——搭建简易NFS服务
查看>>
Exchange 2010 DAG local and Site DR/Failover and Fail back
查看>>
LigerUI - 树表格的数据来自Server
查看>>
认证技术概述
查看>>
制作Windows Server 2003/08 image详细步骤与OpenStack介绍
查看>>
2016国赛小结
查看>>
Android Studio 第六十四期 - Android业务组件化之URL Scheme使用
查看>>
Hyper-V 2016 系列教程41 Windows 10 Hyper-V 系统要求
查看>>
EC2 WordPress 移动目录
查看>>
Windows Server 2008 启用公共文件夹共享
查看>>