您的位置:首页 > 编程语言

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

2013-04-17 10:28 309 查看
<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.onmouseover=function() {clearInterval(MyMar)}

feng.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: