一种简单的jquery无缝滚动效果
将无缝滚动的部分写两份,也可以使用jquery动态的复制一份,节省空间,将两个并排摆放,结构和css都非常简单,这里只叙述jquery部分
//右边的按钮点击
(‘#next’).click(function () {
$(“#carousel”).animate({marginLeft:”-960px”},1500, function () {
$("#carousel .u1").appendTo($(“#carousel”));
$(“#carousel”).css(‘marginLeft’,’0px’);
});
}) ;
//左边的按钮点击(‘#prev’).click(function () {
(“#carousel”).css(‘marginLeft’,’-960px’);("#carousel .u1").prependTo((“#carousel”));(“#carousel”).animate({marginLeft:”0px”},1500);
})
//自动轮播部分
var time2=setInterval(function(){
(“#carousel”).css(‘marginLeft’,’-960px’);("#carousel .u1").prependTo((“#carousel”));(“#carousel”).animate({marginLeft:”0px”},1500);
},3000);
文章标题
最新推荐文章于 2022-05-12 11:32:07 发布