我编写了一张幻灯片从左向右滑动,但我不知道为什么它只运行一次,当它运行最后一张图像时它确实再次运行第一张图像。任何人帮助我,对不起我的英语不好。希望你明白。
HTML
<img src="Britney-Spears.jpg" class="img" /> <img src="Britney-Spears-101[1].JPG" class="img" /> <img src="Britney-Spears-Wallpaper-18.jpg" class="img" /> </div>
CSS
.neoslideshow {位置:相对;宽度:500 像素;高度:260px;背景:#0C9; 溢出:隐藏;} .neoslideshow img {位置:绝对;顶部:0;宽度:400px;高度:260 像素;}
查询
$(document).ready(function() {
$('.neoslideshow img:gt(0)').css('left',-500);
function slide()
{
$('.neoslideshow :first-child').animate({left:"+=500"},"slow").css('left',-500)
.next('img').animate({left:"+=500"},"slow").css('left',-500)
.end().appendTo('.neoslideshow');
};
setInterval(function(){slide();},2000);
});