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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2020-05-13 我要评论
复制代码 代码如下:

<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1><img src="http://www.lanrentuku.comhttps://img.qb5200.com/download-x/down/js/images/12460764740.jpg"><img src="http://www.lanrentuku.comhttps://img.qb5200.com/download-x/down/js/images/12460764741.jpg"><img src="http://www.lanrentuku.comhttps://img.qb5200.com/download-x/down/js/images/12460764742.jpg"><img src="http://www.lanrentuku.comhttps://img.qb5200.com/download-x/down/js/images/12460764743.jpg"><img src="http://www.lanrentuku.comhttps://img.qb5200.com/download-x/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="//www.qb5200.com/jiaoben/" target="_blank"></a></p>

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们