function Revolve(obj, Num){ var $Scroll = obj.find(".scroll"), $List = $Scroll.find("ul"), $Box = $Scroll.find("li"), // $Boxtop = $Box.find(".top"), $Prev = obj.parent().find(".prev"), $Next = obj.parent().find(".next"), // $Title = obj.find(".tips"), InitWidth = 280, InitHeight = 336, BL = true // 定义数组:Width(InitWidth * scale) / Left / Top(InitHeight * (1 - scale) / 2 ) / Z-index numbers = [ [180, 0, 120, 1], [240, 200, 48, 2], [InitWidth, 460, 0, 3], [240, 760, 48, 2], [180, 1020, 120, 1] ] // $Box默认样式 scale : 0; opacity: 0; $Box.stop().transition({ scale : 1, opacity : 1 }, 100, "linear", function(){ $Box.css("opacity", 0) if(Num == 1){ $Box.eq(0).css("opacity", "1") $Scroll.height($Box.find("img").height()) $Title.html($Box.eq(0).data("title")) } if(Num == 3){ $Box.eq(1).css("opacity", "1") for (var i = 0; i < 3; i++) { $Box.eq(i).css("z-index", numbers[i + 1][3]).stop().animate({ width : numbers[i + 1][0], left : numbers[i + 1][1], top : numbers[i + 1][2], opacity : 1 }, 100, "linear") }; $Title.html($Box.eq(1).data("title")) } if(Num == 5){ $Box.eq(2).css("opacity", "1") for (var i = 0; i < 5; i++) { $Box.eq(i).css("z-index", numbers[i][3]).stop(true,false).animate({ width : numbers[i][0], left : numbers[i][1], top : numbers[i][2], opacity : 1 }, 100, "linear") if (i==2) { obj.find("li").eq(i).addClass("on") } else{ obj.find("li").eq(i).removeClass("on") }; }; $Scroll.find("li").removeClass('cur'); $Scroll.find("li:nth-child(even)").addClass('cur'); // $Title.html($Box.eq(2).data("title")) } }) var time = 0; // $Next.on('click',function(){ // //判断计时器是否处于关闭状态 // if (time == 0) { // time = 1; //设定间隔时间(秒) // //启动计时器,倒计时time秒后自动关闭计时器。 // var index = setInterval(function(){ // time--; // if (time == 0) { // clearInterval(index); // } // }, 1000); // Next() // }else{ // return false; // } // }) $Next.on('click', Next) function Next(){ if(Num == 1){ $List.find("li:first").stop().animate({ left : 100 + '%', opacity : 0 }, 100, "linear") $List.find("li:last").prependTo($List).css("left", - 100 + '%').stop().animate({ left : 0, opacity : 1 }, 100, "linear") $Title.html(obj.find("li").eq(0).data("title")) return } if(Num == 3){ $List.find("li:last").prependTo($List).css("z-index", numbers[0][3]).stop().animate({ width : numbers[1][0], left : numbers[1][1], top : numbers[1][2], opacity : 1 }, 100, "linear") for (var i = 0; i < 3; i++) { obj.find("li").eq(i).css("z-index", numbers[i + 1][3]).stop().animate({ width : numbers[i + 1][0], left : numbers[i + 1][1], top : numbers[i + 1][2], opacity : 1 }, 100, "linear") }; $Title.html(obj.find("li").eq(1).data("title")) } if(Num == 5){ $List.find("li:last").prependTo($List).css("z-index", numbers[0][3]).stop(true,false).animate({ width : numbers[0][0], left : numbers[0][1], top : numbers[0][2], opacity : 1 }, 100, "linear") for (var i = 0; i < 5; i++) { obj.find("li").eq(i).css("z-index", numbers[i][3]).stop(true,false).animate({ width : numbers[i][0], left : numbers[i][1], top : numbers[i][2], opacity : 1 }, 100, "linear") if (i==2) { obj.find("li").eq(i).addClass("on") } else{ obj.find("li").eq(i).removeClass("on") }; }; $Scroll.find("li").removeClass('cur'); $Scroll.find("li:nth-child(even)").addClass('cur'); } obj.find("li").eq(Num).css({ opacity : 0, left : numbers[2][1], top : 0, width : InitWidth }) } // $Prev.on('click', function (){ // //判断计时器是否处于关闭状态 // if (time == 0) { // time = 1; //设定间隔时间(秒) // //启动计时器,倒计时time秒后自动关闭计时器。 // var index = setInterval(function(){ // time--; // if (time == 0) { // clearInterval(index); // } // }, 1000); // Prev() // }else{ // return; // } // }) $Prev.on('click', Prev) function Prev(){ if(Num == 1){ $List.find("li:first").stop().animate({ left : - 100 + '%', opacity : 0 }, 100, "linear").appendTo($List) $List.find("li:first").css("left", 100 + '%').stop().animate({ left : 0, opacity : 1 }, 100, "linear") $Title.html(obj.find("li").eq(0).data("title")) return } obj.find("li").eq(0).css({ opacity : 0, left : numbers[2][1], top : 0, width : InitWidth }).appendTo($List) if(Num == 3){ for (var i = 0; i < 3; i++) { obj.find("li").eq(i).css("z-index", numbers[i + 1][3]).stop().animate({ width : numbers[i + 1][0], left : numbers[i + 1][1], top : numbers[i + 1][2], opacity : 1 }, 100, "linear") }; $Title.html(obj.find("li").eq(1).data("title")) } if(Num == 5){ for (var i = 0; i < 5; i++) { obj.find("li").eq(i).css("z-index", numbers[i][3]).stop(true,false).animate({ width : numbers[i][0], left : numbers[i][1], top : numbers[i][2], opacity : 1 }, 100, "linear") if (i==2) { obj.find("li").eq(i).addClass("on") } else{ obj.find("li").eq(i).removeClass("on") }; }; $Scroll.find("li").removeClass('cur'); $Scroll.find("li:nth-child(even)").addClass('cur'); } } // touch.on(obj, "swipeleft", function(){ // Prev() // }) // touch.on(obj, "swiperight", function(){ // Next() // }) // 响应部分 // window.onresize = function(){ // $Next.off('click', Next) // $Prev.off('click', Prev) // $(".revolve li").attr("style", "") // if($(window).width() > 1220){ // Revolve($(".leadership .revolve"), 5) // }else if($(window).width() > 1044 && $(window).width() < 1220){ // Revolve($(".leadership .revolve"), 3) // }else{ // Revolve($(".leadership .revolve"), 1) // } // }; }