我想使用JQuery创建div滑块,但我不知道如何回到第一张幻灯片。 此div滑块不是自动滑块。这是手动滑块。 单击“上一个”和“下一个”按钮时,可以来回移动一个div。 我想要做的是当我到达最后一个div时,当我点击“下一步”按钮时,我想移动到第一个div,以便用户可以重新开始。 我有11个div,每个宽度为240,总共2640像素,所以如果我点击“上一个”按钮返回到第一个,则需要一些时间。
这是我的代码。 $(document).ready(function(){
$('#next').click(function(event) {
event.preventDefault();
$('.div-container').animate({scrollLeft:'+=240'}, 'slow');
});
$('#prev').click(function(event) {
event.preventDefault();
$('.div-container').animate({scrollLeft:'-=240'}, 'slow');
});
});
请告诉我。 感谢。