<div id=”demo” style=”overflow:hidden;width:754px; margin:0 auto;”>
  <table align=”center” cellpadding=”0″ cellspacing=”0″ border=”0″>
    <tr>
      <td id=”demo1″><table width=”98%” border=”0″ cellpadding=”0″ cellspacing=”2″>
          <tr>
            <td><img src=”" width=”120″ height=”90″ alt=”a” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”b” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”c” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”d” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”e” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”f” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”g” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”h” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”i” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”j” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”k” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”l” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”m” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”n” /></td>
            <td><img src=”" width=”120″ height=”90″ alt=”o” /></td>
          </tr>
        </table></td>
      <td id=”demo2″></td>
    </tr>
  </table>
</div>
<script language=”JavaScript”>
    var speed=20;
    demo2.innerHTML=demo1.innerHTML;    //克隆demo1为demo2
    
    function Marquee(){
        if(demo2.offsetWidth  <= demo.scrollLeft){    //当滚动至demo1与demo2交界时
            demo.scrollLeft = demo.scrollLeft – demo1.offsetWidth;        //demo跳到最顶端
        }
        else{
            demo.scrollLeft++;
        }
    }
    var MyMar=setInterval(Marquee,speed);    //设置定时器
    demo.onmouseover=function() {clearInterval(MyMar);}//鼠标移上时清除定时器达到滚动停止的目的
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}//鼠标移开时重设定时器
</script>