[javascript]网页文字无空白自动滚动的一种实现方式

最新推荐文章于 2020-12-22 13:09:50 发布

quzishen

最新推荐文章于 2020-12-22 13:09:50 发布

阅读量2.3k

点赞数

文章标签： javascript div function 任务 list c

本文链接：https://blog.csdn.net/quzishen/article/details/5757999

版权

页面文字自动滚动，也就是一个div框中，文字一条一条的向上滚动，文字可能占了多行，这就要求每次滚动的幅度要自动判断并滚动适当的高度。一下是一种js的实现方式，希望大家能多多交流

页面假如通过list循环已经向div中插入了多条数据

<BODY> <div id="marqueebox" style="overflow:hidden;width:200px;height:200px;border:solid 1px #AA9299;margin-top:5px;font-size:12px;line-height:150%;color:#938C43;text-align:center;"> <div id="d1"><a href="#" mce_href="#" target=_blank>1循环滚动字母行</a><br/>aaaaaa</div> <div id="d2"><a href="#" mce_href="#" target=_blank>2循环滚动字母行</a></div> <div id="d3"><a href="#" mce_href="#" target=_blank>3循环滚动字母行</a><br/>aaaaaa</div> <div id="d4"><a href="#" mce_href="#" target=_blank>4循环滚动字母行</a></div> <div id="d5"><a href="#" mce_href="#" target=_blank>5循环滚动字母行</a><br/>aaaaaa</div> <div id="d6"><a href="#" mce_href="#" target=_blank>6循环滚动字母行</a></div> <div id="d7"><a href="#" mce_href="#" target=_blank>7循环滚动字母行</a></div> <div id="d8"><a href="#" mce_href="#" target=_blank>8循环滚动字母行</a></div> <div id="d9"><a href="#" mce_href="#" target=_blank>9循环滚动字母行</a><br/>aaaaaa</div> <div id="d10"><a href="#" mce_href="#" target=_blank>10循环滚动字母行</a><br/>aaaaaa</div> </div> </BODY

以下是实现的js代码