上下左右无缝隙鼠标放上停止的滚动代码

　　本特效是一个上下左右无缝隙的滚动效果，可以设置滚动速度，鼠标放到文字上自动停止滚动，小编收藏已久的，是烈火网原来的技术使用JS写的，在JS脚本中注明了属性的详细使用和设置滚动速度的使用。

　　实例代码如下：

<div id=demo style="overflow:hidden;height:100;width:240;background:#4183B1;color:#ffffff"><div id=demo1>烈火网主要有网页设计、WEB开发、网站运营与互联网新闻等内容，为个人网站的发展提供网页素材模板与学习教程，是草根站长、程序员、网页设计师等交流与学习的IT类网站。<br /><br />烈火网主要有网页设计、WEB开发、网站运营与互联网新闻等内容，为个人网站的发展提供网页素材模板与学习教程，是草根站长、程序员、网页设计师等交流与学习的IT类网站。<br /><br />www.veryhuo.com<br /><br /></div> <div id=demo2></div> </div> <script> /* 烈火学院 网页特效 http://www.veryhuo.com 烈火网崇尚互联共享，欢迎转载[请注明出处]。 */ var speed=30 //设置滚动速度，数字越大，滚动越慢 demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2 function Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0)//当滚动至demo1与demo2交界时 demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端 else{ demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed)//设置定时器 demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器 </script><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：威海站长网）

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