JS滚动的问题

<div id=demo style="overflow:hidden; width:225px; height:150px;"> 
    <div id=demo1><%=GetContent() %></div> 
    <div id=demo2></div> 
</div>
<script language="javascript"> 
    var speed=60;
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){ 
        if(demo2.offsetTop-demo.scrollTop<=0){
            demo.scrollTop-=demo1.offsetHeight;
        }else{ 
            demo.scrollTop++;
        } 
    } 
    var MyMar=setInterval(Marquee,speed);
    demo.onmouseover=function(){clearInterval(MyMar)} 
    demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)} 
</script>
这是我从网上找的向上无缝循环滚动的代码
我放到页面上，只循环一次就停止了，哪位大哥能给看看啊？
郁闷死我了~
往下滚动，或者左右滚动都可以循环
唯有向上就只滚动一次额

解决方案 »

  1.   

    可以啊，比如下面
    <html>
    <head><title>TEST</title></head>
    <style type="text/css">
    *{font-family:verdana; font-size:12px; margin:0; padding:0}
    </style><body id="doc">
    <div id=demo style="overflow:hidden; width:225px; height:84px;"> 
      <div id=demo1>111111111<br>2222222222<br>3333333333<br>4444444444<br>5555555555<br>6666666666</div> 
      <div id=demo2></div> 
    </div>
    <script language="javascript"> 
      var speed=60;
      demo2.innerHTML=demo1.innerHTML;
      function Marquee(){ 
      if(demo2.offsetTop-demo.scrollTop<=0){
      demo.scrollTop-=demo1.offsetHeight;
      }else{ 
      demo.scrollTop++;
      } 
      } 
      var MyMar=setInterval(Marquee,speed);
      demo.onmouseover=function(){clearInterval(MyMar)} 
      demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)} 
    </script>
    </body>
    </html>注意红色地方....数字宁可小不可大，有一个临界值，大于该值就只滚动一次而已