<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
.redli{border-bottom:2px solid red;}
.dis1{display:block;}
.dis2{display:none;}
*{ margin:0; padding:0; text-align:center; }
#hzyx-zw {height: 60px; width: 990px;position:relative; overflow:hidden; border:1px solid #ddd;}
#hzyx-zw ul { display:inline; float:left; padding-top: 8px; }
#hzyx-zw li { display: block; height: 60px; width: 121px; text-align: center; float: left; }
#hzyx-zw li img { width:108px; height:46px; border:0px; }
</style>
<script type="text/javascript">
$(function() {
$(".ultag1 li").hover(
function() {
$(".ultag1 li").removeClass("redli");
$(this).addClass("redli");
var _sortid=$(this).attr("sortid");
$("#hzyx-zw #upgundong").html($(".up"+_sortid).html());
},
function() {
$(this).addClass("redli");
}
);
});
</script>
<script type="text/javascript">
/*
h 一次滚动高度
n 一次滚动的数量
speed 滚动速度
delay 滚动间隔时间
*/
function startmarquee(h,n,speed,delay){
var t = null;
$("#hzyx-zw #upgundong").hover(function(){
clearInterval(t);
}, function(){
t = setInterval(start,delay);
}).trigger('mouseout');
function start(){
$("#hzyx-zw #upgundong").animate({marginTop: '-='+h},speed,function(){
$(this).css({marginTop:'0'}).find("li").slice(0,n).appendTo(this);
})
}
}
$(function(){
startmarquee(60,8,1000,3000);
})
</script>
</head>
<body>
<div>
<div id="hzyx-zw" class="hzyxtpul1">
<ul id='upgundong' style="overflow:hidden; ">
<li><a href="42" ><img src="style/1.gif" title="1" /></a></li>
<li><a href="42" ><img src="style/2.gif" title="1" /></a></li>
<li><a href="42" ><img src="style/3.gif" title="1" /></a></li>
<li><a href="42" ><img src="style/4.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/5.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/6.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/7.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/8.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/9.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/10.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/11.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/12.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/13.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/14.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/15.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/16.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/17.jpg" title="1" /></a></li>
<li><a href="42" ><img src="style/18.jpg" title="1" /></a></li>
</ul>
</div>
</div>
</body>
</html>
带停顿 的 js 图片滚动 上下
5星 · 超过95%的资源 需积分: 10 77 浏览量
2011-06-09
12:02:11
上传
评论 2
收藏 57KB ZIP 举报 
停顿 图片滚动 上下.zip （19个子文件） 
停顿 图片滚动 上下 
jquery-1.3.2.min.js 56KB
index.html 4KB style 
5.jpg 1KB
1.gif 2KB 8.jpg 2KB 4.jpg 2KB 12.jpg 7KB 9.jpg 2KB 10.jpg 2KB 3.gif 2KB 11.jpg 2KB 14.jpg 2KB 6.jpg 3KB 15.jpg 2KB 2.gif 2KB 17.jpg 2KB 16.jpg 2KB 7.jpg 3KB 13.jpg 2KB资源评论
竹林湘11112013-05-27找了一上午的图片向上滚动有间歇，终于找到了，非常感谢。因为没有积分，绑定了下手机号，非常值！
起始的瞬间2014-07-10这个js不错 值得学习
billsul2013-12-05非常好用的滚动代码，感谢分享！
