Nav('.nav');//导航 mobideMenu();// 移动端主导航 samePadding(); fixNav(); $(document).ready(function(){ menuMiddle(); }) $(window).resize(function(){ var resizeTimer = null; if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout(function(){ samePadding(); menuMiddle(); fixNav(); },50); }); // 均匀间距分布所有nav function samePadding(){ var liWidth =0; $(".samePadding ul").find("a").each(function(){ liWidth += $(this).width(); }); var num = $(".nav li").length; var ulWidth = $(".top").width(); var samePadding = (ulWidth - liWidth) / num / 2; $(".samePadding ul li").css('padding-right', (samePadding+'px')).css('padding-left', (samePadding+'px')); $(".samePadding ul").css('width', ( ulWidth + 'px')); }; // function samePadding(){ // var liWidth = 0; // var $windowWidth= $(window).width() // if($windowWidth >=998){ // $(".samePadding ul > li").children("a").each(function(){ // liWidth += $(this).width(); // }); // var num = $(".nav li").length - 1; // var ulWidth = $(".top").width(); // var samePadding = (ulWidth - liWidth) / num / 2; // var navWidth = $(".samePadding ul").width(); // if (ulWidth + (samePadding * 2) < $windowWidth){ // $(".samePadding ul li").css('padding-right', (samePadding+'px')).css('padding-left', (samePadding+'px')); // $(".samePadding ul").css('width', ((ulWidth + (samePadding * 2)) + 'px')); // }else{ // samePadding = ( $windowWidth - liWidth) / ( num + 1 ) / 2; // $(".samePadding ul li").css('padding-right', (samePadding+'px')).css('padding-left', (samePadding+'px')); // $(".samePadding ul").css('width', ( $windowWidth + 'px')); // } // } // }; //电脑端主导航 例调用:Nav('#nav'); function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).addClass('on'); $(this).find('.subNav').addClass('flipInY'); },function (){ $(this).removeClass('on'); $(this).find('.subNav').removeClass('flipInY'); }) }; //移动端主导航function mobideMenu(){ $(".mobile-inner-header .mobile-inner-header-icon").click(function(){ $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); $(".mobile-inner-nav").slideToggle(250); // if($(this).hasClass('mobile-inner-header-icon-click')){ // $(this).html('×') // }else{ // $(this).html('+') // } }); $(".mobile-inner-nav ul a").each(function( index ) { $( this ).css({'animation-delay': (index/20)+'s'}); }); $('.mobile-inner-nav li strong').click(function(){ $(this).next('dl').slideToggle(500); $(this).parent().toggleClass('on'); $(this).toggleClass('on'); if($(this).hasClass('on')){ $(this).html("×") }else{ $(this).html("+") } }) }; // 电脑端主导航固定顶部 function fixNav(){ var iWSon = document.documentElement.clientWidth; var $windowHeight = $(window).height(); var bodyHeight = $(document.body).height(); var headerHeight = $('.header').outerHeight(true); if(iWSon > 1020){ $(document).on("mousewheel DOMMouseScroll", function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop >= $windowHeight && bodyHeight > $windowHeight+headerHeight*2){ $('.header,body').addClass('currents'); $('body').css('padding-top',headerHeight); var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));// firefox if (delta > 0) { // 向上滚 $('header,body').addClass('currentsOn'); } else if (delta < 0) { // 向下滚 $('header,body').removeClass('currentsOn'); } }else{ $('.header').removeClass('currents'); $('body').css('padding-top',0); $('.top').slideDown(0); } }); }else{ $('.header').removeClass('currents'); $('body').css('padding-top',0); $('.top').slideDown(0); } } // 手机端菜单位置定位 function menuMiddle(){ var sWSon = document.documentElement.clientWidth; if(sWSon <= 992){ var LogoH = $('.header').height(); var LogoLink = $('.mobile-inner-header-icon').height(); $('.mobile-inner-header-icon').css('top',(( LogoH - LogoLink ) /2) +'px'); $('.mobile-inner-nav').css('top',LogoH); } }; /* 侧边栏三级 例调用: asideMenu('#gp-subLeft') */ function asideMenu(menu){ //当前状态高亮 $(menu).find('.active').each(function(){ if($(this).parents('dl').hasClass('gp-second-nav')){ $(this).parents('dl').css('display','block'); $(this).parents('li').addClass('active') $(this).parents('li').find('.gp-toggles').addClass('icon-down').removeClass('icon-right'); } }) $(menu).find('.gp-toggles').click(function(){ if($(this).parents('li').hasClass('active')){ $(this).addClass('icon-right').removeClass('icon-down') $(this).next('.gp-second-nav').slideUp(500) $(this).parents('li').removeClass('active') }else{ $(this).addClass('icon-down').removeClass('icon-right'); $(this).next('.gp-second-nav').slideDown(500); $(this).parents('li').siblings().find('.gp-second-nav').slideUp(500) $(this).parents('li').siblings().removeClass('active') $(this).parents('li').siblings().find('.gp-toggles').addClass('icon-right').removeClass('icon-down') $(this).parents('li').addClass('active') } }) } //移动端侧边栏菜单 function mobileAsideMenu(menu,main){ $(menu).find('.gp-m-inner-header').click(function(){ $(this).toggleClass("gp-m-inner-header-icon-click gp-m-inner-header-icon-out"); $(this).find('.iconfont').toggleClass("icon-jia icon-jian") $(".gp-subNavm").slideToggle(500); }); $('.gp-subNavm').find('.gp-m-toggle').click(function(){ if($(this).parents('li').hasClass('active')){ $(this).addClass('icon-right').removeClass('icon-down') $(this).next('dl').slideUp(500) $(this).parents('li').removeClass('active') }else{ $(this).addClass('icon-down').removeClass('icon-right'); $(this).next('dl').slideDown(500); $(this).parents('li').siblings().find('dl').slideUp(500) $(this).parents('li').siblings().removeClass('active') $(this).parents('li').siblings().find('.gp-m-toggle').addClass('icon-right').removeClass('icon-down') $(this).parents('li').addClass('active') } }) };