$(function() { $('.search input').bind('focus',function(){ $(this).parent().addclass("hover"); }); $('.search input').bind('blur',function(){ $(this).parent().removeclass("hover"); }); $('.input').bind('focus',function(){ $(this).addclass("hover"); }); $('.input').bind('blur',function(){ $(this).removeclass("hover"); }); $('.form input').bind('focus',function(){ if($(this).val()==""){ $(this).next("label").hide(); } }); $('.form input').bind('blur',function(){ if(!$(this).val()){ $(this).next("label").show(); } }); if($(".wow").length){ if (!(/msie [6|7|8|9]/i.test(navigator.useragent))){ var wow = new wow({ boxclass: 'wow', animateclass: 'animated', offset: 50, mobile: true, live: true }); wow.init(); }; } $(".search-btn a").click(function(){ $(".menu-box").removeclass("show"); $(".menubtn").removeclass("active"); if($(".search-box").hasclass("show")){ $(".search-box").removeclass("show"); $(".header").removeclass("current"); }else{ $(".search-box").addclass("show"); $(".header").addclass("current"); } }) $(window).scroll(function () { w_height = $(window).height(); if (jquery(window).scrolltop() < w_height-60 && $(window).width() > 992) { jquery('.page-banner .pic').css('margin-top', $(window).scrolltop() / 2); } }); jquery('.page-banner').addclass("hover"); if($(".page-banner .pic").length> 0){ var s1 = new timelinemax(); s1.fromto(".page-banner .pic", 12, {x: 0},{x: "-5%"}); } if($(".page-banner .textbox p").length> 0){ var s1 = new timelinemax(); s1.fromto(".page-banner .pic", 12, {x: 0},{x: "-5%"}); var obj1 = new splittext($('.page-banner .textbox strong'), {type: "chars"}); var obj2 = new splittext($('.page-banner .textbox p'), {type: "chars"}); var tl = new timelinemax(); tl.staggerfrom(obj1.chars, 5, {y: 0, opacity:0 ,ease: expo.easeout},0.1, 0.2); tl.staggerfrom(obj2.chars, 1, {y: 30, opacity:0 ,ease: expo.easeout},0.05, 1.2); } $(".menubtn").click(function(){ $(".search-box").removeclass("show"); if($(".menu-box").hasclass("show")){ $(".menu-box").removeclass("show"); $(".header").removeclass("current"); $(this).removeclass("active"); }else{ $(".menu-box").addclass("show"); $(".header").addclass("current"); $(this).addclass("active"); } }) $(".menu-box dl dt.hassub").click(function(){ if($(this).parent().find("dd").is(':hidden')){ $(this).parent().siblings().find("dd").slideup(100); $(this).parent().siblings().find("dt").removeclass("hover"); $(this).parent().find("dd").slidedown(300); $(this).addclass("hover"); return false; }else{ $(this).parent().find("dd").slideup(100); $(this).parent().siblings().find("dt").removeclass("hover"); return false; } }) var timeout = -1; var nav = $(".nav-bar ul"), loc = location.href, links = nav.find("a"), link = null, tag = 0, width = 0, left = 0, indicator = $("
"); if (tag === 0) { //init(links.eq(0)); } function init(link) { if (link.length <= 0) { return ; } width = link.width(); left = link.offset().left - ($(window).width()-$(".container").width())/2 -$(".container").width()+$('.nav-bar').width(); nav.append(indicator.css("left", left) .css({"width":width, "left":left}, 500, function() { //links.hover(hoveron, hoverout); })); } function hoveron() { link = $(".nav-bar .hover a"); control(link.width(), link.offset().left - ($(window).width()-$(".container").width())/2 -$(".container").width()+$('.nav-bar').width()); } function hoverout() { control(width, left); } function control(width, left) { $(".indicator").stop().css({"width":width, "left":left}, 300); } if($(".nav-bar").length>0){ init($(".nav-bar .current a")); } if($(window).width()>=768){ $(".nav-bar li").hover(function(){ $(this).parent().find('li').removeclass('hover'); $(this).addclass('hover'); $(this).find(".sub-nav").css("left",$(this).offset().left-30+"px"); hoveron(); }, function(){ $(this).removeclass('hover'); hoverout(); }) } $("a.tab").hover(function () { $(this).parent().find("a.current").removeclass("current"); $(this).addclass("current"); for(var i=0;i<$(this).parent().find("a").length;i++){ $("#"+$(this).parent().find("a:eq("+i+")").attr("rel")).hide(); } $("#"+$(this).attr("rel")).show(); return false; }); $("a.tabs").click(function () { $(this).parent().find("a.current").removeclass("current"); $(this).addclass("current"); for(var i=0;i<$(this).parent().find("a").length;i++){ $("#"+$(this).parent().find("a:eq("+i+")").attr("rel")).hide(); } $("#"+$(this).attr("rel")).show(); return false; }); $("#follow-btn").css("right",($(window).width()-1200)/4-30+"px"); $(".back-top").click(function(){ $('html,body').animate({scrolltop: '0px'}, 400); return false; }) $(".menu-btn").click(function(){ $("body").addclass("right-slide-on"); }) $(".right-slide .close-btn").click(function(){ $("body").removeclass("right-slide-on"); }) if($(window).width()<993 && $(".nav-a").length> 0){ var movex = $(".selected").position().left + $(".selected").parent().scrollleft(); var pagex = document.documentelement.clientwidth; var blockwidth = $(".selected").width(); var left = movex - (pagex / 2) + (blockwidth / 2); $(".nav-list").animate({ scrollleft: left, }); $("body").on("click", '.nav-a', function () { var movex = $(this).position().left + $(this).parent().scrollleft(); var pagex = document.documentelement.clientwidth; var blockwidth = $(this).width(); var left = movex - (pagex / 2) + (blockwidth / 2); $(".nav-list").animate({ scrollleft: left, }); $(".nav-a").removeclass("selected"); $(this).addclass("selected"); var cate_index = $(this).prevall().length; var a_id = $(this).attr('navid'); var pxs = parseint(cate_index) * 100; $('.bar').css({"width": "100px", "transition-duration": "100ms", "transform": "translatex(" + pxs + "px)"}) }); } }); var tur = true; function haha(){ t = $(document).scrolltop(); if(t > 200){ $('.header').addclass("hover"); }else{ $('.header').removeclass("hover"); } if(t > 450){ $('#follow-btn').css("bottom","120px"); }else{ $('#follow-btn').css("bottom","-200px"); } tur = true; } window.onscroll = function(){ if(tur){ settimeout(haha,1); tur = false; }else{ } } var navitem = 0, menuboxw="100%"; var menu={ init:function(){ jquery('.menu-handler').bind("click", function () { if (navitem == 0) { jquery(this).addclass("active"); jquery("body").addclass("menuopen"); jquery(".main").css({ "transform": "translate(-" + menuboxw + ",0px)", "-webkit-transform": "translate(-" + menuboxw + ",0px)" }); navitem = 1; } else if (navitem == 1) { jquery(this).removeclass("active"); jquery("body").removeclass("menuopen"); jquery(".main").css({ "transform": "none", "-webkit-transform": "none" }); navitem = 0; }; }); jquery(".main-black").bind("click", function () { if (navitem == 1 ) { $menubtn.removeclass("active"); jquery("html").removeclass("menuopen"); jquery(".main").css({ "transform": "none", "-webkit-transform": "none" }); navitem = 0; }; }); $(document).on("click", ".menumobile .sub ", function (e) { var mnavcur = $(this); var mnavbox = $(this).parents("dd"); if (mnavbox.find(".msubmenu").size() > 0) { if (mnavcur.hasclass("cur")) { mnavbox.find(".msubmenu").stop(false, false).slideup(300); mnavcur.removeclass("cur"); } else { jquery(".menumobile .sub").removeclass("cur"); jquery(".msubmenu").stop(false, false).slideup(300); mnavbox.find(".msubmenu").stop(false, false).slidedown(300); mnavcur.addclass("cur"); e.preventdefault(); } } }); }, close:function(){ jquery('.menu-handler').removeclass("active"); jquery("body").removeclass("menuopen"); jquery(".main").css({ "transform": "none", "-webkit-transform": "none" }); navitem = 0; } }; $(document).ready(function () { menu.init(); });