为了丰富网页的视觉效果，我们现在学习利用JS控制一组图片不间断想左滚动。
<div id=demo style=overflow:hidden;height:120px;width:560px;background:#f4f4f4;color:#ffffff>
        <table align=left cellpadding=0 cellspace=0 border=0>
                <tr>
                        <td id=demo1 valign=top>
                                <img src="图片1.jpg">
                                <img src="图片2.jpg">
                                <img src="图片3.jpg">
                                <img src="图片4.jpg">
                                <img src="图片5.jpg"> 
                        </td>
                        <td id=demo2 valign=top></td>
                </tr>
        </table>
</div>
 <script>
          var speed=30
          demo2.innerHTML=demo1.innerHTML
          function Marquee()
          {
                  if(demo2.offsetWidth-demo.scrollLeft<=0)
                          demo.scrollLeft-=demo1.offsetWidth
                  else
                  {
                          demo.scrollLeft++
                  }
          }
          var MyMar=setInterval(Marquee,speed)
          demo.onmouseover=function() {clearInterval(MyMar)}
          demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
注：
     其中<div id=demo style=overflow:hidden;height:120px;width:560px;background:#f4f4f4;color:#ffffff>的height:120px;width:560px;是代表图片滚动区域的宽和高。
var speed=30  是对于图片滚动速度的控制；
 <td id=demo1 valign=top>……</td>  中间可以是固定的一组图片，也可以是通过标签调用得到的一组图片。