JS不间断向上滚动效果代码

157 阅读 0 评论 104 点赞

我是靠谱客的博主乐观汽车，最近开发中收集的这篇文章主要介绍JS不间断向上滚动效果代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1><img src="http://www.uoften.com/uploadfile/2018/0411/20180411011253432.jpg"><img src="http://www.uoften.com/uploadfile/2018/0411/20180411011253937.jpg"><img src="http://www.uoften.com/uploadfile/2018/0411/20180411011253184.jpg"><img src="http://www.uoften.com/uploadfile/2018/0411/20180411011253984.jpg"><img src="http://www.uoften.com/uploadfile/2018/0411/20180411011253831.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.uoften.com/jiaoben/" target="_blank">脚本之家</a></p> 