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>

你可能感兴趣的:(JS不间断滚动-下)