图像自下而上不断地,循环往返地滚动,在展示图片时非常实用!
把如下代码复制到<body>与</body>之间
</p> <div id=demo style=overflow:hidden;height:300;width:150> <div id=demo1> <img src='roll/1.png'><br> <img src='roll/2.png'><br> <img src='roll/3.png'><br> <img src='roll/4.png'><br> <img src='roll/5.png'><br> <img src='roll/6.png'><br> <img src='roll/7.png'><br> <img src='roll/8.png'><br> <img src='roll/3.png'><br> <img src='roll/4.png'><br> <img src='roll/5.png'><br> <img src='roll/6.png'><br> <img src='roll/7.png'><br> <img src='roll/8.png'><br> <img src='roll/2.png'><br> </div> <div id=demo2></div> </div> <p> <script> var speed=30; 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> </p>
