火狐与JS的兼容问题

Question

   <table width=345 border=0 cellpadding=0 cellspacing=0>                                                                                                          
 <tr><td>                                                                                                                                                                                         
  <div id=www_qpsh_com style=overflow:hidden;height:120px;width:345px;color:#ff0000>
    <table align=left cellpadding=0 cellspace=0 border=0 cellspacing="0">
   <tr>
      <td id=www_qpsh_com1 valign=top>
              <table border=0 cellpadding=0 cellspacing=0>
                   <tr>
<td><a href=#><img border=0  src="images/products/1.jpg" width=74></a></td>
<td><a href=#><img border=0  src="images/products/2.jpg" width=74></a></td>
<td><a href=#><img border=0  src="images/products/3.jpg" width=120></a></td>
<td><a href=#><img border=0  src="images/products/4.jpg" width=120></a></td>
<td><a href=#><img border=0  src="images/products/5.jpg" width=74></a></td>
<td><a href=#><img border=0  src="images/products/6.jpg" width=74></a></td>
  </tr>
  </table>
 </td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
  <script>
  var speed=10//速度数值越大速度越慢
  www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
  function Marquee(){
  if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
  www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
  else{
  www_qpsh_com.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
  www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
 </td></tr>                                                                                                                                                                                                                            
 </table>
 在火狐浏览器里面无法调用它，请大虾指点迷津。。

Answer 1

<table width=345 border=0 cellpadding=0 cellspacing=0>                                                                                                          
 <tr><td>                                                                                                                                                                                         
  <div id=www_qpsh_com style=overflow:hidden;height:120px;width:345px;color:#ff0000>
    <table align=left cellpadding=0 cellspace=0 border=0 cellspacing="0">
       <tr>
          <td id=www_qpsh_com1 valign=top>
              <table border=0 cellpadding=0 cellspacing=0>
                   <tr>
<td><a href=#><img border=0  src="images/products/1.jpg" width=74></a></td>
<td><a href=#><img border=0  src="images/products/2.jpg" width=74></a></td>
<td><a href=#><img border=0  src="images/products/3.jpg" width=120></a></td>
<td><a href=#><img border=0  src="images/products/4.jpg" width=120></a></td>
<td><a href=#><img border=0  src="images/products/5.jpg" width=74></a></td>
<td><a href=#><img border=0  src="images/products/6.jpg" width=74></a></td>
  </tr>
  </table>
 </td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
  <script>
  var speed=10//速度数值越大速度越慢
  document.getElementById("www_qpsh_com2").innerHTML=document.getElementById("www_qpsh_com1").innerHTML
  function Marquee(){
  if(document.getElementById("www_qpsh_com2").offsetWidth-document.getElementById("www_qpsh_com").scrollLeft<=0)
  document.getElementById("www_qpsh_com").scrollLeft-=document.getElementById("www_qpsh_com1").offsetWidth
  else{
  document.getElementById("www_qpsh_com").scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
  www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
 </td></tr>                                                                                                                                                                                                                            
 </table>

Answer 2

左右无缝滚动参见http://www.jslab.org.cn/?tag=scrollLeftRight