$(function(){ // nav btn $(".nav-btn").click(function(){ var _this = $(this); if(_this.hasclass("cur")){ _this.removeclass("cur").find("span.top").stop().transition({rotate: 0}, 500) _this.find("span").eq(1).stop().fadein(500) _this.find("span.bot").stop().transition({rotate: 0}, 500) $(".nav").stop().slideup(600).children().stop().animate({opacity : 0}, 500) $(".h-t").stop().animate({margintop: 0}, 600) $(".header").css("z-index", 6) $("a.logo.poa img").hide() }else{ _this.addclass("cur").find("span.top").stop().transition({rotate: 45}, 500) _this.find("span").eq(1).stop().fadeout(500) _this.find("span.bot").stop().transition({rotate: - 45}, 500) $(".nav").stop().slidedown(600).children().stop().animate({opacity : 1}, 500) $(".h-t").stop().animate({margintop: 376}, 600) $(".flippage-wrap").stop().animate({margintop: 272 + $(window).width() * 0.007}, 600) $(".header").css("z-index", 10) $("a.logo.poa img").show() } }) // nav $(".nav li").hover(function(){ $(this).find(".in").stop().animate({left : 0}, 300) }, function(){ var _this = $(this); _this.find(".in").stop().animate({left : 32}, 300, function(){ _this.find(".in").css("left", -32) }) }) // language $(".language").click(function(){ if($(this).find("span").hasclass("cur")){ $(this).find("span").removeclass("cur").siblings("img").stop().transition({ rotate: 0, opacity: 0.4 }, 600) $(".language-list").stop().slideup(400) }else{ $(this).find("span").addclass("cur").siblings("img").stop().transition({ rotate : 180, opacity : 1 }, 600) $(".nav .btn p.fr img").removeclass("cur").stop().transition({ rotate: 0, opacity: 0.4 }, 600) $(".nav .search").stop().slideup(400) $(".language-list").stop().slidedown(400) } }) $(".nav .btn p.fr").click(function(){ if($(this).find("img").hasclass("cur")){ $(this).find("img").removeclass("cur").stop().transition({ rotate: 0, opacity: 0.4 }, 600) $(".nav .search").stop().slideup(400) }else{ $(this).find("img").addclass("cur").stop().transition({ rotate : 180, opacity : 1 }, 600) $(".language span").removeclass("cur").siblings("img").stop().transition({ rotate: 0, opacity: 0.4 }, 600) $(".language-list").stop().slideup(400) $(".nav .search").stop().slidedown(400) } }) // morebtn $("a.more-btn").hover(function(){ var _this = $(this); _this.find("span").eq(0).stop().animate({top : - 38}, 300) _this.find(".blank").stop().animate({top: 0}, 300) _this.find("span.af").stop().animate({ top: 1, opacity : 1 }, 200) _this.find(".t.hover").stop().animate({left: 0}, 300) settimeout(function(){ _this.find(".r.hover").stop().animate({bottom: 0}, 300) }, 280) _this.find(".b.hover").stop().animate({left: 0}, 300) settimeout(function(){ _this.find(".l.hover").stop().animate({top: 0}, 300) }, 280) }, function(){ var _this = $(this); _this.find("span").eq(0).stop().animate({top : 0}, 300) _this.find("span.af").stop().animate({ top : 28, opacity : 0 }, 200) _this.find(".blank").stop().animate({top: -100 + '%'}, 150) _this.find(".t.hover").stop().animate({left: 100 + '%'}, 300, function(){ _this.find(".t.hover").css("left", - 100 + '%') }) _this.find(".r.hover").stop().animate({bottom: - 100 + '%'}, 300, function(){ _this.find(".r.hover").css("bottom", 100 + '%') }) _this.find(".b.hover").stop().animate({left: - 100 + '%'}, 300, function(){ _this.find(".b.hover").css("left", 100 + '%') }) _this.find(".l.hover").stop().animate({top: - 100 + '%'}, 300, function(){ _this.find(".l.hover").css("top", 100 + '%') }) }) // footer list a.t $(".footer .list a.t").hover(function(){ $(this).find(".in").stop().animate({left : 0}, 300) }, function(){ var $spanin = $(this).find(".in") $spanin.stop().animate({left : 35}, 300, function(){ $spanin.css("left", -35) }) }) $(".back-top").click(function(){ $("html, body").stop().animate({scrolltop: 0}, 1000, "linear") }) });