网页图片上下滚动效果代码

最新推荐文章于 2024-06-11 10:09:18 发布

张广森

最新推荐文章于 2024-06-11 10:09:18 发布

阅读量8.1k

点赞数 2

分类专栏： css

本文链接：https://blog.csdn.net/fgdfgasd/article/details/8812649

版权

css 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<div id="feng" style="overflow: hidden;height:210px;width:210px; border:0px solid #dde5bc;">
<div id=feng1>
<ul class="topimg1">
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='images/01.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='images/01.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='images/01.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='images/01.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='images/01.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
</ul>
</div>
<div id=feng2></div>
</div>
<script>
var speed=50
var feng=document.getElementById("feng");
var feng2=document.getElementById("feng2");
var feng1=document.getElementById("feng1");
feng2.innerHTML=feng1.innerHTML
function Marquee(){
if(feng2.offsetTop-feng.scrollTop<=0)
feng.scrollTop-=feng1.offsetHeight
else{
feng.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
feng.οnmοuseοver=function() {clearInterval(MyMar)}
feng.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>