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 = $(".samePadding li").length; // var ulWidth = $(".samePadding").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 = $(".samePadding li").length - 1; var ulWidth = $(".samePadding").width(); var topWidth = $(".top").width(); var samePadding = (ulWidth - liWidth) / num / 2; var navWidth = $(".samePadding ul").width(); if (topWidth + (samePadding * 2) < $windowWidth){ $(".samePadding ul li").css('padding-right', (samePadding+'px')).css('padding-left', (samePadding+'px')); $(".samePadding ul").css('margin-right', ( -samePadding+'px')).css('margin-left', (-samePadding+'px')); }else{ samePadding = ( ulWidth - liWidth ) / ( num + 1 ) / 2; $(".samePadding ul li").css('padding-right', (samePadding+'px')).css('padding-left', (samePadding+'px')); $(".samePadding ul").css('margin-right', 0 ).css('margin-left', (-samePadding+'px')); } } }; //电脑端主导航 例调用:Nav('#nav'); function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).addClass('on'); // var subNum = $(this).find('dd').length; $(this).find('.subNav').show(); var subNum = $(this).find('dd').length; var subHeight = $(this).find('.subNav dl').height(); $(this).find('.subNav').css({'height': subHeight,'transition-delay': '0s'}); $(this).find("dd").each(function(index){ $(this).css({'transition-delay': (0.05*index)+'s'}); }) $(this).find('.subNav').addClass('on'); },function (){ $(this).removeClass('on'); var subNum = $(this).find('dd').length; $(this).find("dd").each(function(index){ $( this ).css({'transition-delay': (0.05*(subNum-index+1))+'s'}); }) $(this).find('.subNav').removeClass('on'); $(this).find('.subNav').css({'transition-delay': (0.05*subNum + 0.4)+'s','height':0}); }) }; //移动端主导航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 a").each(function( index ) { $( this ).css({'animation-delay': (index/20)+'s'}); }); $('.mobile-inner-nav li strong').click(function(){ $(this).next('dl').slideToggle(500); $(this).toggleClass('on'); if($(this).hasClass('on')){ $(this).html("×") }else{ $(this).html("+") } }) }; // 电脑端主导航固定顶部 function fixNav(){ var sWSon = document.documentElement.clientWidth; var sHeight = document.documentElement.clientHeight; var bodyHeight = document.body.scrollHeight; var headerHeight = $('.header').height(); if( (bodyHeight > sHeight+headerHeight) && (sWSon>1024) ){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > headerHeight){ $('.header').css('position','fixed'); $('.header').addClass('currents'); $('body').css('padding-top',headerHeight); // $('.top').slideUp(0); }else{ $('.header').css('position','relative'); $('.header').removeClass('currents'); $('body').css('padding-top',0); // $('.top').slideDown(0); } }); }else{ $('.header').css('position','relative'); $('.header').removeClass('currents'); $('body').css('padding-top',0); // $('.top').slideDown(0); }; }; // 手机端菜单位置定位 function menuMiddle(){ var sWSon = document.documentElement.clientWidth; if(sWSon <= 992){ var LogoH = $('.wrapTop').outerHeight(true); var LogoLink = $('.mobile-inner-header-icon').height(); $('.mobile-inner-header-icon').css('top',(( LogoH - LogoLink ) /2) +'px'); $('.mobile-inner-nav').css('top',LogoH); } }; // 搜索弹出效果 $('.search_btn').click(function(){ $('.search_box').addClass('on') setTimeout(function(){ $(".search_box .notxt").focus(); },100) }) $('.close').click(function(){ $('.search_box').removeClass('on') }); // tab切换 (function($){ $.fn.extend({ tab: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' delay : 100, //延迟时间 auto : true, //是否自动切换 true,false speed : 5000, //自动切换间隔时间(毫秒) more : false //是否有more,false,true }; var options = $.extend(defaults, options); //用户设置参数覆盖默认参数 return this.each(function (){ var o = options; var obj = $(this); var oTil = obj.find('.til_tab'); var oBox = obj.find('.tabListBox'); var oMore = null; var iNum = 0; var iLen = oTil.length; // 默认选中第一个 $(this).find('.tabListBox,.more_tab,.til_tab').addClass('off'); $(this).find('.tabListBox:first,.more_tab:first,.til_tab:first').removeClass('off').addClass('on'); //鼠标事件绑定 oTil.bind(o.ev , function (){ var _this = this; if(o.ev == 'mouseover' && o.delay){ _this.timer = setTimeout(function (){ change(_this); },o.delay); }else{ change(_this); }; }) oTil.bind('mouseout',function (){ var _this = this; clearTimeout(_this.timer); }); //自动切换效果 (function autoPlay(){ var timer2 = null; if(o.auto){ function play(){ iNum++; if(iNum >= iLen){ iNum =0; }; change(oTil.eq(iNum)); }; timer2 = setInterval(play,o.speed); obj.on('mouseover',function (){ clearInterval(timer2); }) obj.on('mouseout',function (){ timer2 = setInterval(play,o.speed); }) }; })(); function change(box){ iNum = $(box).index(); oTil.removeClass('on').addClass('off'); oBox.removeClass('on').addClass('off'); if(o.more){ oMore = obj.find('.more_tab'); oMore.removeClass('on').addClass('off'); oMore.eq(iNum).addClass('on').addClass('off'); }; oTil.eq(iNum).addClass('on').removeClass('off'); oBox.eq(iNum).addClass('on').removeClass('off'); } }); } }) })(jQuery); $('.link_list').hover(function(){ $(this).find('.link_box').slideDown(); },function(){ $(this).find('.link_box').slideUp(); }) $('.sub_menu a.current').each(function(){ $(this).parent('li').addClass('current'); $(this).parents('.sub_menu ul').parent('li').addClass('on'); $(this).parents('.sub_menu ul').slideDown(300); $(this).parents('.sub_menu ul').prev('.arrow').addClass('on'); }) $('.sub_menu .arrow').click(function(){ $(this).toggleClass('on'); $(this).parent('li').toggleClass('on'); $(this).next('ul').toggle(300); }) $('.sub_left_title').click(function(){ var sWSon = document.documentElement.clientWidth; if(sWSon < 992){ $(this).toggleClass('on'); $('.sub_left').toggleClass('on'); $('.sub_menu').toggle(300); } }) $('.selectLink').click(function(){ $(this).find('.arrow').toggleClass('on'); $(this).find('.alertBox').toggleClass('on'); $(this).toggleClass('on'); }) //导航 if($(window).width() > 1000){ var i = 0; $(window).scroll(function(){ i = $(window).scrollTop() + 180; var sliderHeight = $('.flexslider').height() ? $('.flexslider').height() : $('.sub_banner').innerHeight() if(i>=sliderHeight){ $(".wrapTop").addClass("top_fixed"); }else{ $(".wrapTop").removeClass("top_fixed"); } }) }else{ } var window_h = $(window).height(); var window_s = $(window).scrollTop(); function show_my(dom_class,win_scroll){ dom_class.filter(function(){ return this.offsetTop < (win_scroll + window_h); }).each(function(index,em){ var em = $(this); index++; setTimeout(function(){ var div_y = em.offset().top; if(window_h - 80 > div_y - win_scroll){ em.addClass('my'); }else{ // em.removeClass('my'); } },200 * index); }) } show_my($('.myanimation_d'),window_s); show_my($('.myanimation_l'),window_s); show_my($('.myanimation_r'),window_s); show_my($('.myanimation_u'),window_s); $(window).scroll(function() { var after = $(this).scrollTop(); show_my($('.myanimation_d'),after); show_my($('.myanimation_l'),after); show_my($('.myanimation_r'),after); show_my($('.myanimation_u'),after); });