我有一个客户要求连续滑动横幅,基本上它是一个图像,从左到右超过5秒,我知道如何做到这一点,我只需要知道如何设置它所以它循环和它像连续动画一样播放
$(document).ready(function() {
function slide() {
$(".img1").stop(true).animate({'left' : '960px'}, 5000);
}
slide();
});
由于
修改
好的尝试这个,仍然没有循环,一直在尝试setIntervals但没有工作,我知道我错过了一些简单的东西,但是什么
function slide(){
$('.homepageslider').animate({ 'left' : '0px' }),
{ duration: 5000,
complete: function() { $(".homepageslider").css('left','-2028px');
slide();
}
}
};
答案 0 :(得分:1)
$('#book').animate({
'left' : '960px'
}, {
duration: 5000,
complete: function() {
//reset image position
$(".img1").css('left','0px');
// activate animation again
slide();
}
});
我更喜欢在当前图像之后附加图像的克隆,并在它看不见之后删除之前的图像,因此它看起来无缝,但您也可以尝试上面的代码。