js 图片走马灯

来源：互联网发布：淘宝号查号网站编辑：程序博客网时间：2024/06/05 11:26
<style type="text/css">#demo {background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 90%;}#demo img {border: 3px solid #F2F2F2;}#indemo {float: left;width: 800%;}#demo1 {float: left;}#demo2 {float: left;}</style><center><div id="demo"><div id="indemo"><div id="demo1"><a><img src="1.jpg" tppabs="photo02.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a></div><div id="demo2"><a><img src="1.jpg" tppabs="photo02.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a><a><img src="2.jpg" tppabs="photo03.jpg" border="0"></a></div></div></div><script><!--var speed=10;var tab=document.getElementById("demo");var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};--></script></center>
1 0