js实现文字无缝滚动效果

首先是页面中加一个div，如下：

其中 z-index是为了使内容显示在浏览器的最上面一层，不被其他内容所遮盖。

然后引用js脚本如下： < script type=“text/javascript”> < !– var speed=70 demo2.innerHTML=demo1.innerHTML function Marquee1(){ if(demo2.offsetWidth-demo.scrollLeft<=0)   demo.scrollLeft-=demo1.offsetWidth else   demo.scrollLeft++ } var MyMar1=setInterval(Marquee1,speed) demo.onmouseover=function() {clearInterval(MyMar1)} demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} // –>                    

然后运行可以查看效果。