DIV垂直滚动效果源码

     <div id="demo" style="width: 300; overflow: hidden; line-height:24px; height: 100px;">
        <div id="demo1">
          第一行内容<br />
          第二行内容<br />
          第三行内容<br />
          第四行内容<br />
          第五行内容<br />
          第六行内容<br />
          第七行内容<br />
          第八行内容<br />
        </div>
        <div id="demo2">
        </div>
    </div>
    <script language="javascript"> 
      var speed=70 
      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>

效果图：

 

转载请注明来源:http://www.cnblogs.com/conkis/