JQuery循环滚动图片代码
摘要：复制代码代码如下:functionrefresh(){vars=$(".box1");if(!s.is(":animated"))$(".b...
复制代码 代码如下:
function refresh() {
var s = $(".box1");
if (!s.is(":animated"))
$(".box1").animate({ marginLeft: "0px" }, "slow", function () {
$('.box1 img:first').before($('.box1 img:last'));
$(".box1").css("margin-left", "-206px");
});
}
<div><div><img src="img/001.png" alt="" /><img src="img/002.png" alt="" /><img src="img/003.png" alt="" /><img src="img/004.png" alt="" /></div></div>
<button type="button"><<</button><button type="button">>></button>
.box1
{
width:1200px;
overflow:hidden;
margin-left:-206px;
}
.frame
{
width:620px;
overflow:hidden;
}
图片宽度默认206px，没设定
【JQuery循环滚动图片代码】相关文章：
★ 鼠标图片振动代码
★ jQuery页面的滚动位置scrollTop、scrollLeft
★ jQuery Timelinr实现垂直水平时间轴插件(附源码下载)