JS图片垂直不间断滚动（从下到上）

最新推荐文章于 2023-03-03 15:28:52 发布

tang_zeyu

最新推荐文章于 2023-03-03 15:28:52 发布

阅读量572

点赞数 1

分类专栏： Javascript技术

Javascript技术专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<div id=demo style="overflow:hidden; width:508px; height:300px;">
<div id=demo1>
     <ul>

         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>
         <li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码（向上)</li>

     </ul>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
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.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>