您的位置：首页 > 其它

图片轮播

2016-03-13 21:31 197 查看

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>

</style>
</head>
<body>
<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='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
<li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.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>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航