不间断滚动列表,for ie

zjwtnt

于 2006-08-13 18:16:00 发布

阅读量702

点赞数

CC 4.0 BY-SA版权

文章标签： div function ie html

本文链接：https://blog.youkuaiyun.com/zjwtnt/article/details/1058861

本文介绍了一种使用HTML和JavaScript实现的不间断滚动列表效果。通过调整元素的位置来模拟列表项的连续滚动，适用于新闻滚动条等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不间断滚动列表,for ie

<body>

___________________________________
<div id="demo" style=overflow:hidden;height:60px>
<div id="demo1">
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id="demo2"></div>
</div>
<script>
//var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
xxx.innerHTML = demo.scrollTop
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop = demo.scrollTop +1 //3表示一次移动的象素
}
setInterval(qswhMarquee,100)//1000 表示滚动的时间
</script>
</body>

</html>