怎样让这段js代码在firefox下也能正常显示！？？

Question

http://community.csdn.net/Expert/topic/5283/5283616.xml?temp=.459942
里面有滚动特效..
你那个的话..
把demo1这类的换成
document.getElementById("demo1");

Answer 1

修改后，firefox下可以滚动了，但是不能连续滚动呢？
内容滚完后就停住了。好像 HEIGHT: 60px; 这个值很重要。

Answer 2

<div id="demo"onmouseover="ii=1" style="OVERFLOW: hidden; HEIGHT: 60px;" onmouseout="ii=0">
      <div id="demo1">滚<br>
动<br>
内<br>
</div>                    
  <div id="demo2"></div>
          <SCRIPT>
  var $ = function (id) {
   return document.getElementById(id);
  }
  var d_0 = $("demo"), d_1 = $("demo1"), d_2 = $("demo2");
           var ii=0;t=d_0.scrollTop
           d_2.innerHTML=d_1.innerHTML
           function qswhMarquee(){
           if (ii==1)return
           if(d_2.offsetTop-d_0.scrollTop<=0)
             d_0.scrollTop-=d_1.offsetHeight
           else
             d_0.scrollTop++
           }
           setInterval(qswhMarquee,40)
</SCRIPT>  </div>

Answer 3

你的这段代码是可以在firefox滚动了，但是还是不连续。滚完了内容就停止了。
我的完整代码<div id="demo"onmouseover="ii=1" style="OVERFLOW: hidden; HEIGHT: 60px;" onmouseout="ii=0">
      <div id="demo1"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="middle" width="50%">
<TABLE class=font12 cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD width="30%">
<DIV align=center></DIV></TD>
<TD width="17%">
<DIV align=center></DIV></TD>
<TD width="14%">
<DIV align=center></DIV></TD>
<TD width="39%">
<DIV align=left></DIV></TD></TR></TBODY></TABLE></td>
<td align="left" valign="middle" width="50%">
<TABLE class=font12 cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD width="30%">&nbsp;</TD>
<TD width="17%">
<DIV align=center></DIV></TD>
<TD width="14%">
<DIV align=center></DIV></TD>
<TD width="39%">
<DIV align=left></DIV></TD></TR></TBODY></TABLE></td>
</tr>
<tr>
<td align="left" valign="middle" width="50%">
<TABLE class=font12 cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD width="30%">
<DIV align=center></DIV></TD>
<TD width="17%">&nbsp;</TD>
<TD width="14%">
<DIV align=center></DIV></TD>
<TD width="39%">
<DIV align=left></DIV></TD></TR></TBODY></TABLE></td>
<td align="left" valign="middle" width="50%">
<TABLE class=font12 cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD width="30%">
<DIV align=center></DIV></TD>
<TD width="17%">
<DIV align=center></DIV></TD>
<TD width="14%">
<DIV align=center></DIV></TD>
<TD width="39%">&nbsp;</TD>
</TR></TBODY></TABLE></td>
</tr>
<tr>
<td align="left" valign="middle" width="50%">
<TABLE class=font12 cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD width="30%">
<DIV align=center></DIV></TD>
<TD width="17%">
<DIV align=center></DIV></TD>
<TD width="14%">
<DIV align=center></DIV></TD>
<TD width="39%">&nbsp;</TD>
</TR></TBODY></TABLE></td>
<td align="left" valign="middle" width="50%">
<TABLE class=font12 cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD width="30%">
<DIV align=center></DIV></TD>
<TD width="17%">
<DIV align=center></DIV></TD>
<TD width="14%">
<DIV align=center></DIV></TD>
<TD width="39%">
<DIV align=left></DIV></TD></TR></TBODY></TABLE></td>
</tr>
</table>
</div>                    
  <div id="demo2"></div>
          <SCRIPT>
  var $ = function (id) {
  return document.getElementById(id);
  }
  var d_0 = $("demo"), d_1 = $("demo1"), d_2 = $("demo2");
           var ii=0;t=d_0.scrollTop
           d_2.innerHTML=d_1.innerHTML
           function qswhMarquee(){
           if (ii==1)return
           if(d_2.offsetTop-d_0.scrollTop<=0)
             d_0.scrollTop-=d_1.offsetHeight
           else
             d_0.scrollTop++
           }
           setInterval(qswhMarquee,40)
</SCRIPT>
  </div>

Answer 4

if(d_2.offsetTop-d_0.scrollTop<=0)
这里的问题。。
抱歉的说。。我现在要去弄东西
你自己改吧。。
那个有偏值
就是说。。
滚动条只可以走。。50
但是你的判断却是=51
这样就永远不可能执行了
所以就产生了那种情况。