JS不间断向下滚动
2013-10-23 11:08
253 查看
<div id=demo style="overflow:hidden;height:200px;width:232px;background:#f4f4f4;color:#ffffff"> <div id=demo1> <img src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"> <img src="http://www.lanrentuku.com/down/js/images/12460764741.jpg"> <img src="http://www.lanrentuku.com/down/js/images/12460764742.jpg"> <img src="http://www.lanrentuku.com/down/js/images/12460764743.jpg"> <img src="http://www.lanrentuku.com/down/js/images/12460764744.jpg"> </div> <div id=demo2></div> </div> <script> var speed=50 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>
转自懒人图库,自己收集起来,以后用着也方便
相关文章推荐
- JS图片不间断滚动代码(向上,向下,向左,向右)
- js不间断向下滚动
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- js图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS实现title标题栏文字不间断滚动显示效果
- JS不间断横向滚动实现代码
- DIV+CSS+JS不间断横向滚动实现代码
- 图片或文字上下左右滚动【JS向上滚动、JS向下滚动、JS向左滚动、JS向右滚动】【整理综合】
- js保持div悬浮,不随页面向下滚动而被覆盖
- JS如何实现文字向下滚动
- JS不间断向上滚动效果代码
- js判断鼠标滚动放下,向上滚还是向下滚?
- MSClass通用不间断滚动JS封装类
- 图片无缝滚动代码(向左/向下/向上)的js代码
- JS实现文字向下滚动完整实例
- Class Of Marquee Scroll通用不间断滚动JS封装类第1/2页
- JS实现图片的不间断连续滚动的简单实例
- JS不间断向上滚动效果代码