大家帮忙看下这个无线移动的JS代码
现在可以实现无限移动,但是DIV下面必须是TABLE,如果我换成DIV的话,我发现mbigdiv.scrollLeft永远为0
这是为什么呢?
我希望是DIV下面没有TABLE全部是DIV,可以实现无限移动
<div id="mbigdiv" style="overflow:hidden;border:1px;width:200px;height:100px;">
<table  border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td id="divold">
                       <table>
   <tr>
<td>
 <img src="testImgs/3.jpeg"/>
</td>
<TD>
<img src="testImgs/4.jpeg"/>
</TD>
<td>
<img src="testImgs/iphone-4.jpeg"/>
</td>
<Td>
<img src="testImgs/ibmT401.jpg"/>
</td>
<Td>
<img src="testImgs/Two.jpeg"/>
</td>
   </tr>
   
   </table>
                    </td>
                    <td id="divnew">
                    </td>
                </tr>
            </table>
</div> <script type="text/javascript">    
  var speed= 10//速度数值越大速度越慢
  divnew.innerHTML=divold.innerHTML//将原来的内容复制一份到新区域 
  //滚动函数
  function Marquee(){
      if(divnew.offsetWidth-mbigdiv.scrollLeft<=0)
            mbigdiv.scrollLeft-=divold.offsetWidth;
      else{
        mbigdiv.scrollLeft++;
      }
  }
  var MyMar=setInterval(Marquee,speed)
  
  mbigdiv.onmouseover=function() {
    clearInterval(MyMar)
  }
  mbigdiv.onmouseout=function() {
    MyMar=setInterval(Marquee,speed)
   }
    </script>