使用marquee能够控制图片连续,无空隙滚动

<div id="demo" style="overflow:hidden;width:500px;color:#ffffff;">
                                  <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                      <td id="demo1" valign="top" align="center"><table cellpadding="2" cellspacing="0" border="0">
                                          <tr align="center">
                                            <td><img src="images/tp1.jpg" /></td>
                                            <td><img src="images/tp2.jpg" /></td>
                                            <td><img src="images/tp3.jpg" /></td>
                                          </tr>
                                      </table></td>
                                      <td id="demo2" valign="top"></td>
                                    </tr>
                                  </table>
                              </div>


<script>
  var speed=1//速度数值越大速度越慢
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo.scrollLeft<=0)
  demo.scrollLeft+=demo2.offsetWidth
  else{
  demo.scrollLeft--
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>