循环不间断的跑马灯效果代码大全

　　烈火网(LieHuo.Net)教程 JavaScript实现走马灯效果[无缝连接、循环滚动] 无缝跑马灯效果，以下代码在IE6、Firefox等环境下测试通过，网页走马灯连续循环滚动，本文介绍了跑马灯的向上、向下、向右、向左的四种方式，代码中均有详细注释，感谢您对LIEHUO网的支持！

　　1。向上滚动效果：

<base href="http://www.veryhuo.com/"> <div align="center" id="demo" style="overflow:hidden;height:200px;width:95px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;"> <div id="demo1"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> </div> <div id="demo2"></div> </div> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' _fcksavedurl='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

　　2。向下滚动效果：

<base href="http://www.veryhuo.com/"> <div align="center" id="demo" style="overflow:hidden;height:200px;width:95px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;"> <div id="demo1"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> <img src="/images/8831logo.gif" _fcksavedurl="/images/8831logo.gif"> <img src="/images/bbslogo_8831.gif" _fcksavedurl="/images/bbslogo_8831.gif"> </div> <div id="demo2"></div> </div> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' _fcksavedurl='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

　　3。向左滚动效果：

<base href="http://www.veryhuo.com/"> <div align="center" id="demo" style="overflow:hidden;height:33px;width:500px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td id="demo1"><img src="images/logo_8831.gif" _fcksavedurl="images/logo_8831.gif"><img src="images/bbslogo_8831.gif" _fcksavedurl="images/bbslogo_8831.gif"><img width="88" height="31" src="images/logo.gif" _fcksavedurl="images/logo.gif"><img src="images/8831logo.gif" _fcksavedurl="images/8831logo.gif"><img src="images/logo_8831.gif" _fcksavedurl="images/logo_8831.gif"><img src="images/bbslogo_8831.gif" _fcksavedurl="images/bbslogo_8831.gif"><img width="88" height="31" src="images/logo.gif" _fcksavedurl="images/logo.gif"><img src="images/8831logo.gif" _fcksavedurl="images/8831logo.gif"></td> <td id="demo2"> </td> </tr> </table> </div> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' _fcksavedurl='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

　　4。向右滚动效果：

<base href="http://www.veryhuo.com/"> <div align="center" id="demo" style="overflow:hidden;height:33px;width:500px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td id="demo1"><img src="images/logo_8831.gif" _fcksavedurl="images/logo_8831.gif"><img src="images/bbslogo_8831.gif" _fcksavedurl="images/bbslogo_8831.gif"><img width="88" height="31" src="images/logo.gif" _fcksavedurl="images/logo.gif"><img src="images/8831logo.gif" _fcksavedurl="images/8831logo.gif"><img src="images/logo_8831.gif" _fcksavedurl="images/logo_8831.gif"><img src="images/bbslogo_8831.gif" _fcksavedurl="images/bbslogo_8831.gif"><img width="88" height="31" src="images/logo.gif" _fcksavedurl="images/logo.gif"><img src="images/8831logo.gif" _fcksavedurl="images/8831logo.gif"></td> <td id="demo2"> </td> </tr> </table> </div> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' _fcksavedurl='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!