JQuery循环滚动图片代码

每次滚动的长度不要固定死，可以直接获取图片宽度作为滚动的长度。这样当你的网站有很多地方需要这个效果的时候一个函数就可以搞定了

复制代码 代码如下:

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="https://www.jb51.net/img/001.png" alt="" /><img src="https://www.jb51.net/img/002.png" alt="" /><img src="https://www.jb51.net/img/003.png" alt="" /><img src="https://www.jb51.net/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，没设定

您可能感兴趣的文章: