手机
当前位置:查字典教程网 >编程开发 >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不间断向上滚动效果代码】相关文章:

JS/Jquery判断对象为空的方法

JavaScript实现鼠标点击后层展开效果的方法

js实现异步循环实现代码

网页中移动的广告效果 鼠标悬停

JSON简介以及用法汇总

JS函数实现鼠标指向图片后显示大图代码

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

JQuery中DOM事件合成用法实例分析

用javascript动态注释掉HTML代码

颜色渐变效果

精品推荐
分类导航