所属分类:网页特效-焦点图/幻灯片,文字特效,触屏/拖拽/下拉
/* #marquee1 */
#marquee1{width:324px;height:162px;overflow:hidden;}
#marquee1 ul li{float:left;width:150px;border:1px solid #ddd;padding:5px;}
#marquee1 ul li img{display:block;}
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/Marquee.js"></script>
//一次横向滚动一个
$('#marquee1').kxbdSuperMarquee({
distance:162,
time:3,
btnGo:{left:'#goL',right:'#goR'},
direction:'left'
});
<div id="marquee1">
<ul>
<li><a href="#"><img width="150" height="150" src="images/1.jpg" /></a></li>
<li><a href="#"><img width="150" height="150" src="images/2.jpg" /></a></li>
<li><a href="#"><img width="150" height="150" src="images/3.jpg" /></a></li>
<li><a href="#"><img width="150" height="150" src="images/4.jpg" /></a></li>
</ul>
</div>
<div class="control">↓鼠标点击:<a href="javascript:void(0);" id="goL">左移一次</a> <a href="javascript:void(0);" id="goR">右移一次</a></div>
PS:其他的效果、功能请查看演示或下载附件