社区
JavaScript
帖子详情
如何让整个表格左右循环滚动起来?
blackspider
2005-03-17 03:55:19
RT
...全文
243
6
打赏
收藏
如何让整个表格左右循环滚动起来?
RT
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
myvicy
2005-03-17
打赏
举报
回复
你是要首尾相接的啊??
lawyu
2005-03-17
打赏
举报
回复
上面第一个是javascript滚动脚本,第二个是使用例子,你直接试用第二个就可以,不知是否符合你的要求
lawyu
2005-03-17
打赏
举报
回复
<!-- 滚动 begin -->
<table width=750 border=0 cellpadding=0 cellspacing=0>
<tr valign=top>
<td width=700 height=150 align=right>
<!--滚动图片资料 begin-->
<table width=750 border=0 cellpadding=0 cellspacing=0>
<tr><td height=140 style="border:1px solid #C7C7C7;padding-top:8px" align=center valign=top>
<table width=700 border=0 cellpadding=0 cellspacing=0>
<tr><td align=center>
<div id=demo style=overflow:hidden;height:140;width:650;><table align=center cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<table border=1 cellpadding=0 cellspacing=0 align=center>
<tr>
<td><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4425DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></td>
<td width=15></td>
<td><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4427DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></td>
<td width=15></td>
<td><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4429DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></td>
<td width=15></td>
<td><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4431DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></td>
<td width=15></td>
<td<img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4433DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></td>
</tr>
</table>
</td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table> </td></tr> </table>
</td></tr>
</table>
<!--滚动图片 end-->
lawyu
2005-03-17
打赏
举报
回复
<script>
var speed=10
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
blackspider
2005-03-17
打赏
举报
回复
myvicy(在线解决:你的问题我来解决(因为我不会骗人,所以我最)
这个不可以
myvicy
2005-03-17
打赏
举报
回复
<marquee><table><tr><td>是要这个?</td></tr></table></marquee>
el-table
表格
自动
滚动
el-table
表格
自动
滚动
HTML+CSS实现固定表头且内容可纵横
滚动
的
表格
布局
再酷的技术,也得考虑 IE11 用户(虽然他们可能快灭绝了 😅)。从
的语义价值,到sticky的性能优势,再到虚拟
滚动
与现代布局的融合,我们一路走来,发现
表格
早已不是当年那个简单的数据容器。它是一个集可访问性、交互性、性能优化、跨平台适配于一体的复杂系统。每一个细节背后,都有无数工程师踩过的坑和总结的经验。所以,下次当你面对一个“普通
表格
”需求时,不妨多问一句:用户会在哪看?数据有多少?要不要固定表头?支不支持触摸
滚动
?
vue项目中自定义
表格
滚动
,鼠标移入停止,移出继续
滚动
vue项目中自定义
表格
滚动
,鼠标移入停止
滚动
,移出继续
滚动
微信小程序 table
表格
固定表头和首列 右侧
表格
可以
左右
滚动
1.左侧一列固定不动2.右侧
表格
内容可以
左右
滚动
3.单元格内容平均分配4.每一行行高可以由内容撑开 通过 js 设置左侧一列行高与右侧
表格
内容行高保持一致。
基于ant-design-vue 1x
表格
组件实现虚拟
滚动
基于ant-design-vue@1x
表格
组件实现虚拟
滚动
,解决一次性加载大量数据造成的性能问题
JavaScript
87,995
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章