div图片marquee无缝连接实现代码_HTML/Xhtml_网页制作

复制代码

代码如下:

图片向左无缝滚动
向左滚动

复制代码

代码如下:

你号

hello

白痴

stupid

<script> <br /><!-- <br />var speed=10; //数字越大速度越慢 <br />var tab=document.getElementById("demo"); <br />var tab1=document.getElementById("demo1"); <br />var tab2=document.getElementById("demo2"); <br />tab2.innerHTML=tab1.innerHTML; <br />function Marquee(){ <br />if(tab2.offsetWidth-tab.scrollLeft<=0) <br />tab.scrollLeft-=tab1.offsetWidth <br />else{ <br />tab.scrollLeft++; <br />} <br />} <br />var MyMar=setInterval(Marquee,speed); <br />tab.onmouseover=function() {clearInterval(MyMar)}; <br />tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; <br />--> <br /></script>