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/