开源Asp.Net论坛

阿强.Net

关注研究:设计模式,.Net Framework底层框架,Asp.net,WinForm开发,开源框架;

导航

JS不间断滚动-下

  1. <div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>

    <img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">

    <img src="http://www.showweb.cn/uploadfile/200812/24/1832399205.jpg">

    <img src="http://www.showweb.cn/uploadfile/200812/24/1854199833.jpg">

    <img src="http://www.showweb.cn/uploadfile/200901/2/1413155985.jpg">

    <img src="http://www.showweb.cn/uploadfile/200812/7/1244111377.jpg">

      </div>

      <div id=demo2></div>

      </div>

        <script>

        var speed=30

        demo2.innerHTML=demo1.innerHTML

        demo.scrollTop=demo.scrollHeight

        function Marquee(){

        if(demo1.offsetTop-demo.scrollTop>=0)

        demo.scrollTop+=demo2.offsetHeight

        else{

        demo.scrollTop--

        }

        }

        var MyMar=setInterval(Marquee,speed)

        demo.onmouseover=function() {clearInterval(MyMar)}

        demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

        </script>

posted on 2009-04-09 17:22  阿强.Net  阅读(325)  评论(0编辑  收藏  举报