mobideMenu();// 移动端主导航 // fixNav(); $(document).ready(function(){ enterEffects(); }); $(window).resize(function(){ var resizeTimer = null; if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout(function(){ enterEffects(); // fixNav(); },50); }); $(window).scroll(function(){ enterEffects(); }); // 鼠标滚动渐渐出现 $('.effect1,.effect2,.effect3,.effect4').each(function() { $(this).find("li").each(function(index){ var len = $(this).parent().find("li").length; $( this ).css({'transition-delay': (index*0.5/len)+'s'}); }) }); function enterEffects(){ var sWSon = document.documentElement.clientWidth; if(sWSon >= 992){ $(".effect").each(function(index, element) { var e = $(this); var c = $(window).height(); if($(window).scrollTop()>=$(e).offset().top - 0.9 * c){ $(e).addClass("isView"); }else{ $(e).removeClass("isView"); } }); } } //移动端主导航 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 li > a").each(function( index ) { $( this ).css({'animation-delay': (index/20)+'s'}); }); $('.mobile-inner-nav li strong').click(function(){ $(this).parent('li').toggleClass('on') $(this).next('dl').slideToggle(500); $(this).toggleClass('on'); if($(this).hasClass('on')){ $(this).html("×") }else{ $(this).html("+") } }) }; // 手机端菜单位置定位 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); } }; // 点击回到页面顶部 $('.gotop').click(function(){ $('body,html').stop().animate({scrollTop:0}); $('.header').removeClass('currents'); $('body').css('padding-top',0); $('.top').slideDown(0); return false; }); // 二级页侧栏菜单 $('.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); } }) // tab切换 $.fn.extend({ tab: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' til : 'h2', //默认标签 box : '.tab_list', //默认列表 delay : 100, //延迟时间 auto : true, //是否自动切换 true,false speed : 4000, //自动切换间隔时间(毫秒) more : true, //是否有more,false,true deNum: 0 //默认显示第几个 }; var options = $.extend(defaults, options); //用户设置参数覆盖默认参数 return this.each(function (){ var o = options; var obj = $(this); var oTil = obj.find(o.til); var oBox = obj.find(o.box); var oMore = null; var iNum = 0; var iLen = oTil.length; var deNum = o.deNum; // 默认选中第一个 $(this).find(o.til).eq(deNum).addClass('on').siblings(o.til).addClass('off'); $(this).find(o.box).eq(deNum).addClass('on').siblings(o.box).addClass('off'); $(this).find('.more').eq(deNum).addClass('on').siblings('.more').addClass('off'); // 获取是第几个标签 var first = obj.find(o.til).eq(0).index(); //鼠标事件绑定 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(); iNum = iNum-first; oTil.removeClass('on').addClass('off'); oBox.removeClass('on').addClass('off'); if(o.more){ oMore = obj.find('.more'); oMore.removeClass('on').addClass('off'); oMore.eq(iNum).addClass('on').removeClass('off'); }; oTil.eq(iNum).addClass('on').removeClass('off'); oBox.eq(iNum).addClass('on').removeClass('off'); } }); } })