js 实现文字无缝滚动(图片无缝滚动) 兼容各种浏览器

来源:互联网 发布:12123老是网络请求失败 编辑:程序博客网 时间:2024/04/29 00:46

注* :如果发现不能滚动、demo1 的宽度要大于demo 的宽度

<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1  valign=top><a href="#">asdfghnjmasfgbhjxfgbhjsdfgh</a>   <a href="#">1234567876543245675432456</a>   <a href="#">asdfghnjmasfgbhjxfgbhjsdfgh</a>  <a href="#">1234567876543245675432456</a></td><td id=demo2 valign=top></td></tr></table></div> <script> var speed=30; demo2.innerHTML=demo1.innerHTML; function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth; else{ demo.scrollLeft++; } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script>


原创粉丝点击