手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS不间断向上滚动效果代码
JS不间断向上滚动效果代码
摘要:复制代码代码如下:varspeed=50demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){i...

复制代码 代码如下:

<div id=demo style=overflow:hidden;height:139;width:232;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>

<p><a href="http://www.jb51.net/jiaoben/" target="_blank">查字典教程网</a></p>

【JS不间断向上滚动效果代码】相关文章:

用javascript动态注释掉HTML代码

设为首页 加入收藏的js代码

Js和JQuery获取鼠标指针坐标的实现代码分享

滚动效果

javascript转换静态图片,增加粒子动画效果

新闻一段时间向上滚动效果

收集整理的四个方向的滚动

一条一条新闻向上的滚动 不错

JavaScript静态的动态

两边静止的广告条

精品推荐
分类导航