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

来源：互联网发布：全景照片拼接软件编辑：程序博客网时间：2024/06/05 08:48

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

HTML代码：

<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代码：