图片横向连续滚动js代码

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 450px; HEIGHT: 300px;"><!--修改显示区域的宽度--> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD id=demo1> <!--滚动部分表格开始--> <table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="80" align="center"><img src="bild1.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild2.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild3.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild4.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild5.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild6.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild7.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild8.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild9.jpg" width="60" height="60" /></td> <td width="80" align="center"><img src="bild10.jpg" width="60" height="60" /></td> </tr> </table> <!--滚动部分表格结束--> </TD> <TD id=demo2></TD></TR></TBODY></TABLE> </DIV> <SCRIPT> var speed3=5//速度数值越大速度越慢 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed3) demo.οnmοuseοver=function() {clearInterval(MyMar)} demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed3)} </SCRIPT>