$(function(){ //nav $(".nav > ul > li").hover(function(){ var $th = $(this); $(this).children("a").addclass("hover"); $(".navbg-top").show(); $(".navbg").stop(true,false).animate({height:155},300,function(){ $th.children(".son-nav").stop(false,true).fadein(300); }); $(".nav-sign").show().stop().animate({left:127*$(".nav > ul > li").index($(this))+24+'px'},300); },function(){ $(this).children("a").removeclass("hover"); $(this).children(".son-nav").stop().fadeout(100); $(".navbg").stop().animate({height:0},500,function(){ $(".navbg-top").hide(); }); }); $(".nav").hover(function(){ return true; },function(){ $(".nav-sign").hide(); }); $(".index-exp").hover(function(){ var $img = $(this).find("span img") $img.stop().animate({left:6},300,function(){ $img.hide().stop().animate({left:-6},100,function(){ $img.show().stop().animate({left:0},300); }); }); },function(){ $(this).find("span img").css("left",0); }); $(".weixin").hover(function(){ $(this).find(".wx").show(); },function(){ $(this).find(".wx").hide(); }); //inside $(".inside-main").stop().animate({opacity:1},1600,function(){ $(".inside-path-bg").stop().animate({height:180},500,function(){ $(".inside-path-p").stop().fadein(1000); //about $(".about-name h2").stop().animate({right:0},500); $(".about-name span").stop().animate({right:0},800); $(".about-intro").stop().animate({right:0},500); $("#about-brands").stop().animate({top:0},500); $("#about-dreams").stop().animate({bottom:0},500); $("#about-culture").stop().animate({left:0},500); $(".about-jobs").stop().animate({left:0},800); $("#about-honor").stop().animate({left:0},800,function(){ $(".min-box-title-bg").stop().animate({width:190},300,function(){ $(".min-box-title p").stop(false,true).fadein(600); $(".min-box").hover(function(){ $(this).stop().animate({margintop:-5},500); $(this).find(".min-box-title-bg img").show().stop().animate({left:-190},500); },function(){ var $img = $(this).find(".min-box-title-bg img"); $(this).stop().animate({margintop:0},500); $img.stop().animate({left:0},500,function(){ $img.hide().css("left",-380); }); }); $("#about-dreams,#tec-ins").hover(function(){ $(this).stop().animate({bottom:5},500); },function(){ $(this).stop().animate({bottom:0},500); }); }); }); //products $(".proudcts-name h1").stop().animate({top:0},500); $(".proudcts-name img").stop().animate({bottom:0},800); $(".pro-box01").stop().animate({right:0},500); $(".pro-box02").stop().animate({right:0},800); $("#pro-box03,.pro-box04").stop().animate({top:0},500); $(".pro-box05").stop().animate({bottom:0},500); $(".pro-box06").stop().animate({bottom:60},800); $(".pro-box07").stop().animate({left:0},500); $(".pro-box08").stop().animate({left:0},800,function(){ $(".pro-box").hover(function(){ $(this).stop().animate({margintop:-5},500); },function(){ $(this).stop().animate({margintop:0},500); }); $(".pro-box05").hover(function(){ $(this).stop().animate({bottom:5},500); },function(){ $(this).stop().animate({bottom:0},500); }); $(".pro-box06").hover(function(){ $(this).stop().animate({bottom:65},500); },function(){ $(this).stop().animate({bottom:60},500); }); }); $(".products-list-main,.products-list-total").stop().fadein(1000); //tec $(".tec-box-name h1").stop().animate({left:0},500); $(".tec-box-name img").stop().animate({left:0},800); settimeout(function(){ $("#tec-sol").stop().animate({right:0},500); $(".tec-sol-box").stop().animate({right:0},800); $("#tec-quality").stop().animate({top:0},500); $("#tec-ins").stop().animate({bottom:0},500); $("#tec-system").stop().animate({left:200},800); $("#tec-products").stop().animate({left:0},500,function(){ $(".min-box-title-bg").stop().animate({width:190},300,function(){ $(".min-box-title p").stop(false,true).fadein(600); }); $(".min-box").hover(function(){ $(this).stop().animate({margintop:-5},500); $(this).find(".min-box-title-bg img").show().stop().animate({left:-190},500); },function(){ var $img = $(this).find(".min-box-title-bg img"); $(this).stop().animate({margintop:0},500); $img.stop().animate({left:0},500,function(){ $img.hide().css("left",-380); }); }); $("#about-dreams,#tec-ins").hover(function(){ $(this).stop().animate({bottom:5},500); },function(){ $(this).stop().animate({bottom:0},500); }); }); },300); //projects $("#projects-design").stop().animate({left:200},500); //duty $(".duty-main").stop().fadein(800,function(){ $(".duty-left").stop().animate({left:0},800); $(".duty-right").stop().animate({right:0},800,function(){ $(".duty-box span").stop(false,true).fadein(600,function(){ $(".duty-box h2").stop().animate({top:0},500); $(".duty-box img").stop().animate({bottom:0},500); }) }); }) }); }); });