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 // 瀹氫箟鏁扮粍锛歐idth(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; //璁惧畾闂撮殧鏃堕棿锛堢锛� // //鍚姩璁℃椂鍣紝鍊掕鏃秚ime绉掑悗鑷姩鍏抽棴璁℃椂鍣ㄣ€� // 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; //璁惧畾闂撮殧鏃堕棿锛堢锛� // //鍚姩璁℃椂鍣紝鍊掕鏃秚ime绉掑悗鑷姩鍏抽棴璁℃椂鍣ㄣ€� // 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) // } // }; }