图片由右向左循环滚动

  <div class="scrollbox">
    <table width="940" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td><div id="divDemo" style="overflow:hidden;width:940px;height:122px;">
              <table border="0" cellspacing="0" cellpadding="0" style="overflow: hidden; height:122px;">
                <tr>
                  <td id="marquePic1" valign="top"><table width="940" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td class="pad01"><img src="image/scroll01.jpg" width="181" height="122" /></td>
                        <td class="pad01"><img src="image/scroll02.jpg" width="190" height="122" /></td>
                        <td class="pad01"><img src="image/scroll03.jpg" width="190" height="122" /></td>
                        <td class="pad01"><img src="image/scroll04.jpg" width="194" height="122" /></td>
                        <td class="pad01"><img src="image/scroll05.jpg" width="183" height="122" /></td>
                        <td class="pad01"><img src="image/scroll06.jpg" width="172" height="122" /></td>
                        <td class="pad01"><img src="image/scroll07.jpg" width="192" height="122" /></td>
                        <td class="pad01"><img src="image/scroll08.jpg" width="183" height="122" /></td>
                        <td class="pad01"><img src="image/scroll09.jpg" width="183" height="122" /></td>
                        <td class="pad01"><img src="image/scroll10.jpg" width="186" height="122" /></td>
                        <td class="pad01"><img src="image/scroll11.jpg" width="188" height="122" /></td>
                        <td class="pad01"><img src="image/scroll12.jpg" width="208" height="122" /></td>
                        <td class="pad01"><img src="image/scroll13.jpg" width="176" height="122" /></td>
                        <td class="pad01"><img src="image/scroll14.jpg" width="181" height="122" /></td>
                        <td class="pad01"><img src="image/scroll15.jpg" width="162" height="122" /></td>
                        <td class="pad01"><img src="image/scroll16.jpg" width="190" height="122" /></td>
                        <td class="pad01"><img src="image/scroll17.jpg" width="163" height="122" /></td>
                      </tr>
                  </table></td>
                  <td id="marquePic2" valign="top"></td>
                </tr>
              </table>
            </div></td>
          </tr>
      </table>
        <!--滚动开始-->
      <script type="text/javascript">
            var istop = 1;
            var LorR = 0;
            var speed = 30;
            var divDemo = document.getElementById("divDemo");
            var marquePic1 = document.getElementById("marquePic1");
            var marquePic2 = document.getElementById("marquePic2");  
            marquePic2.innerHTML = marquePic1.innerHTML;
            divDemo.scrollLeft = marquePic1.scrollWidth / 2;
        
            function left() {
                LorR = 0;
            }
        
            function right() {
                LorR = 1;
            }
        
            function spd(n) {
                speed = n;
                clearInterval(MyMar);
                MyMar = setInterval(divMarquee, speed);
            }
        
            function divMarquee() {
                if (LorR) {
                    MarqueeRight();
                }
                else {
                    MarqueeLeft();
                }
            }
        
            function MarqueeLeft() {
                with (divDemo) {
                    if (scrollLeft >= marquePic1.scrollWidth) {
                        scrollLeft = 0;
                    }
                    else {
                        scrollLeft++;
                    }
                }
            }
        
            function MarqueeRight() {
                with (divDemo) {
                    if (scrollLeft <= 0) {
                        scrollLeft = marquePic1.scrollWidth;
                    }
                    else {
                        scrollLeft--;
                    }
                }
            }
        
            var MyMar = setInterval(divMarquee, speed);
        
            divDemo.onmouseover = function() {
                clearInterval(MyMar);
            }
        
            divDemo.onmouseout = function() {
                MyMar = setInterval(divMarquee, speed);
            }
        </script>
        <!--滚动结束-->
        </div>