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

本文共 2981 字,大约阅读时间需要 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都可以兼容

转载于:https://www.cnblogs.com/wenlong/p/3684226.html

你可能感兴趣的文章
洛谷P1908 逆序对
查看>>
转义符
查看>>
poj 1019
查看>>
asp.net mvc上传文件
查看>>
bitmq集群高可用测试
查看>>
主成分分析(PCA)原理详解
查看>>
短信验证接口网址
查看>>
Geohash距离估算
查看>>
Demon_背包系统(实现装备栏,背包栏,可以切换装备)
查看>>
记录:一次数据库被恶意修改配置文件的问题
查看>>
redis 持久化
查看>>
解决Jupyter notebook[import tensorflow as tf]报错
查看>>
Windows平台下使用ffmpeg和segmenter实现m3u8直播点播
查看>>
python网络画图——networkX
查看>>
ubuntu16.04文件形式安装mongodb
查看>>
SpringBoot------ActiveMQ安装
查看>>
详细了解 int? 类型
查看>>
字符串匹配 ?kmp : hash
查看>>
mongod.service: control process exited, code=exited status=1
查看>>
c# 发送邮件、附件 分类: C# 2014-12-...
查看>>