javaScrip 图片无间歇循环滚动效果

【编者按】：网学网Javascript为您提供javaScrip 图片无间歇循环滚动效果参考，解决您在javaScrip 图片无间歇循环滚动效果学习中工作中的难题，参考学习。

<div id=demo style="OVERFLOW: hidden; WIDTH: 720px; HEIGHT: 125px">
  <table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
  <td id=demo1 vAlign=top>
  <table width="720" height="125" border="0" cellpadding="0" cellspacing="0"

bordercolor="#FFFFFF">
  <tr>
  <!----- 滚动图片区域 开始----->
  <td>
  <a href="/uploadfile/201303/20/1F13420456.jpg" width="180" height="125"

border="0"></a>&nbsp;</td>
  <td>
  <a href="/uploadfile/201303/20/1F134557700.jpg" width="180" height="125"

border="0"></a>&nbsp;</td>
  <td>
  <a href="/uploadfile/201303/20/00134557614.jpg" width="180" height="125"

border="0"></a>&nbsp;</td>
    <td>
  <a href="/uploadfile/201303/20/26134557182.jpg" width="180" height="125"

border="0"></a>&nbsp;</td>
  <td>
  <a href="/uploadfile/201303/20/0D134557127.jpg" width="180" height="125"

border="0"></a>&nbsp;</td>
  <!----- 滚动图片区域 结束----->
  </tr>
  </table>
  </td>
  <td width="1" id=demo2></td>
  <SCRIPT>
        var speed1=5
        demo2.innerHTML=demo1.innerHTML
        function Marquee1(){
   if(demo2.offsetWidth-demo.scrollLeft<=0)
   demo.scrollLeft-=demo1.offsetWidth
   else{
    demo.scrollLeft++
   }
        }
        var MyMar1=setInterval(Marquee1,speed1)
        demo.onmouseover=function() {clearInterval(MyMar1)}
        demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)}
  </SCRIPT>
  </tr>
  </table>
  </div>
效果演示