<table>
  <TD height="5" class=text1><img src="images/tip4.gif" width="680" height="3"></TD>
    <TR vAlign=top> 
      <TD height="10" class=text1>精品推荐:</TD>
    </TR>
    <TR vAlign=top> 
      <TD height="150" class=text1> 
        <div id="demo" style="overflow:hidden;width:670px;color:#ffffff;" align="center" onclick=alert(this.scrollWidth)> 
              <table height="120" border="0" cellpadding="2" cellspacing="0">
                  <tr align="center"> 
                    <td height="93"><img src="goodpic/ZXX-001.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-002.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-004.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-005.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
                    <td height="93"><img src="goodpic/ZXX-001.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-002.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-004.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-005.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
                    <td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
                  </tr>
                </table>
            </tr>
          </table>
          <script>
  var speed=1//速度数值越大速度越慢
  function Marquee(){
  if(demo.scrollLeft == 744) demo.scrollLeft=0;
  demo.scrollLeft++;
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>

解决方案 »

  1.   

    ----
    你的代码的原因可能是图片太少了,再加一个td试试<table>
    <TD height="5" class=text1><img src="images/tip4.gif" width="680" height="3"></TD>
        <TR vAlign=top> 
          <TD height="10" class=text1>精品推荐:</TD>
        </TR>
        <TR vAlign=top> 
          <TD height="150" class=text1> 
            <div id="demo" style="overflow:hidden;width:670px;color:#ffffff;" align="center"> 
              <table border="0" align="center" cellpadding="0" cellspacing="0">
                <tr> 
                  <td id="demo1" valign="top" align="center"> <table height="120" border="0" cellpadding="2" cellspacing="0">
                      <tr align="center"> 
                        <td height="93"><img src="goodpic/ZXX-001.jpg" width="120" height="120"></td>
                        <td><img src="goodpic/ZXX-002.jpg" width="120" height="120"></td>
                        <td><img src="goodpic/ZXX-004.jpg" width="120" height="120"></td>
                        <td><img src="goodpic/ZXX-005.jpg" width="120" height="120"></td>
                        <td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
                        <td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
                      </tr>
                    </table></td>
                  <td id="demo2" valign="top"></td>
                </tr>
              </table>
              <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>
            </div></TD>
      

  2.   

    在尾部循环动态添加 Element 再动态删除首的 Element 就行了。 就不会有停一下的现象了。
      

  3.   

    mrshelly(Shelly):,你说的,我大明白,能不能贴上代码下呢,(或者修改下我的代码)
      

  4.   

    snmr_com(麒麟厍人) ( ) 信誉:100 
    这段代码的首要是总长度要大于可视滚动区域
    ,你的意思是说我的图片不够多是么?
      

  5.   

    这个js是把demo1/demo2轮换,所以可视区域不能大于两倍实际长度
    你用width:600px(5幅图片120x5=600)就不会跳动了,或者加多图片
      

  6.   

    snmr_com(麒麟厍人)再请教下,如果要实现两行的滚动呢,应该怎么弄呢!我试着把demo,demo1,demo2,这几个改成了demo3,demo4,demo5,都不行啊,有没有其他的方法实现,还是一样向右滚动的。
    那位高手知道,也可以告诉下,不甚感激!
      

  7.   

    在demo1里面做两个table或者一个table分两行就可以了