$(document).ready(function () { /*轮播图*/ var i = 0; var clone = $(".cfwrap .prowrap li").first().clone(); $(".cfwrap .prowrap").append(clone); var size = $(".prowrap li").size(); /*添加轮播图圆点*/ for(var j=0;j") } $(".cfwrap .dotwrap span").first().addclass("active"); var ww = $(".cfwrap .prowrap").children("li").length; $(".cfwrap .prowrap").width(ww*1200); /*点击左右翻页*/ $(".cfwrap .leftarrow").click(function(){ movel(); }) $(".cfwrap .rightarrow").click(function(){ mover(); }) function movel(){ i-- if (i==-1) { $(".cfwrap .prowrap").css({left:-(size-1) * 1200}); i = size-2; } $(".cfwrap .prowrap").stop().animate({left: -i * 1200},500) $(".cfwrap .dotwrap span").eq(i).addclass("active").siblings().removeclass("active") } function mover() { i++; if (i == size) { $(".cfwrap .prowrap").css({ left: 0 }); i = 1; } $(".cfwrap .prowrap").stop().animate({ left: -i * 1200 }, 500); if (i == size - 1) { $(".cfwrap .dotwrap span").eq(0).addclass("active").siblings().removeclass("active") } else { $(".cfwrap .dotwrap span").eq(i).addclass("active").siblings().removeclass("active") } } /*鼠标滑入轮播*/ $(".cfwrap .dotwrap span").hover(function () { var index = $(this).index(); i = index; $(".cfwrap .prowrap").stop().animate({ left: -index * 1200 }, 500); $(this).addclass("active").siblings().removeclass("active") }); /*自动轮播*/ var t = setinterval(mover, 2500); /*鼠标滑过定时器停止*/ $(".cfwrap").hover(function () { clearinterval(t); }, function () { t = setinterval(mover, 2500); }) })