Nav('#nav');//导航 mobideMenu();// 移动端主导航 SerMax(); //搜索点击弹出效果 function SerMax(){ var searchTarget; $(".serBtn > i").click(function(e){ searchTarget=e.target; $(".ser").animate({width:"200px"}); $(this).hide(); }) $(".ser").click(function(e){ searchTarget=e.target; //搜索框搜索事件 }) $("html").click(function(event) { if (event.target !=searchTarget) { $(".ser").animate({width:"0"},300); //$(".ser").delay(300).hide(); $(".serBtn >i").show(); } }); } //下拉菜单 例调用:Nav('#nav'); function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).addClass('on'); },function (){ $(this).removeClass('on'); })}; //导航置顶 $(function(){ var sWSon = document.documentElement.clientWidth; if(sWSon>1220){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > 10){ $('.wrap_header').addClass('current'); $('.ser').addClass('current'); // $('.topNav').css({display:'none'}).stop().animate({top:"-40px"},300); }else{ $('.wrap_header').removeClass('current'); $('.ser').removeClass('current'); // $('.topNav').css({display:'block'}).stop().animate({top:"18px"},300); } }); }else{ } }) //移动端主导航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); }); $(".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("v") }else{ $(this).html(">") } }) } //12.移动端顶部点击弹出下拉菜单 function Menu(menu,main){ var onOff = true; $(menu).bind('click',function (){ $(main).slideToggle(); if($(this).hasClass('open')){ $(this).removeClass('open'); }else{ $(this).addClass('open'); } }) $(main).find('li> strong').bind('click',function (){ if($(this).parent().hasClass('on')){ $(this).parent().find('dl').slideUp(); $(this).parent().removeClass('on'); $(this).html(">") return false; }; $(this).parent().siblings().removeClass('on'); $(this).parent().siblings().find('dl').slideUp(); $(this).parent().addClass('on'); $(this).parent().find('dl').slideDown(); $(this).html('×'); }) }; function side_subMenu(){ $('.sub_left').find('.arrow').click(function(){ if($(this).parent().hasClass('on')){ $(this).parent().find('dl').slideUp(); $(this).parent().removeClass('on'); $(this).html("+") return false; }; $(this).parent().siblings().removeClass('on'); $(this).parent().siblings().find('dl').slideUp(); $(this).parent().addClass('on'); $(this).parent().find('dl').slideDown(); $(this).html('×'); }) } // 手机端下拉菜单 function navMin() { $("#mbtn").click(function(){ $(".navm").slideToggle(300); }); }; // function fwhidead(){ // var fw = document.documentElement.clientWidth; // if(fw<=800){ // document.getElementById("TextList01").style.display="none"; // document.getElementById("TextList02").style.display="none"; // document.getElementById("TextList03").style.display="none"; // document.getElementById("TextList04").style.display="none"; // document.getElementById("TextList05").style.display="none"; // document.getElementById("TextList06").style.display="none"; // document.getElementById("TextList07").style.display="none"; // } // } // 二级页头部大图高度 function SubImgHeight(){ var iWSon = document.documentElement.clientWidth; var oSubbanner = document.getElementById('subbanner'); if(iWSon>=1920){ oSubbanner.style.height = 350+'px'; }else if(iWSon<1920){ oSubbanner.style.height = iWSon * (350/1920)+'px'; } window.onscroll = window.onresize = function (){ var iWSon = document.documentElement.clientWidth; if(iWSon>=1920){ oSubbanner.style.height = 350+'px'; }else if(iWSon<1920){ oSubbanner.style.height = iWSon * (350/1920)+'px'; } } } function FontSize2(Size,obj){ var iNum = 13; $(Size).find('.max').bind('click',function (){ iNum+=2; if(iNum>=24){ iNum = 24; } $(obj).css('font-size',iNum + 'px'); return iNum; }) $(Size).find('.mid').bind('click',function (){ iNum = 13; $(obj).css('font-size',iNum + 'px'); return iNum; }) $(Size).find('.min').bind('click',function (){ iNum-=2; if(iNum<=14){ iNum = 12; } $(obj).css('font-size',iNum + 'px'); return iNum; }) }; /*tab切换*/ ;(function($){ $.fn.extend({ tab: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' delay : 100, //延迟时间 auto : true, //是否自动切换 true,false speed : 2000, //自动切换间隔时间(毫秒) 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; //鼠标事件绑定 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'); oBox.css('display','none'); if(o.more){ oMore = obj.find('.more_tab'); oMore.css('display','none'); oMore.eq(iNum).css('display','block'); }; oTil.eq(iNum).addClass('on'); oBox.eq(iNum).css('display','block'); } }); } }) })(jQuery); function listSlide(){ $('.list04').each(function(){ var $this = $(this); $this.find('h3').eq(0).addClass('on'); $this.find('h3').eq(0).next('p').slideToggle(300) $this.find('.arrow').hover(function(){ $this.find('h3').eq(0).removeClass('on'); $this.find('h3').eq(0).next('p').css('display','none') $(this).parent().next('p').slideToggle(300); $(this).parent().toggleClass('on') }) }) } /*友情链接*/ function divSelect(){ $('.divSelect').each(function(){ var citeText = $(this).find('ul li').eq(0).text() $(this).find('cite').text(citeText); }) $('.divSelect').find('cite').click(function (event) { //取消事件冒泡 event.stopPropagation(); $(this).next('ul').slideToggle(300); $(this).parent().toggleClass('active'); return false; }); //点击空白处隐藏弹出层,下面为滑动消失效果和淡出消失效果。 $(document).click(function(event){ var _con = $('.divSelect'); // 设置目标区域 if(!_con.is(event.target) && _con.has(event.target).length === 0){ //$('#divTop').slideUp('slow'); //滑动消失 $('.divSelect').find('.linkList02').slideUp(300); //淡出消失 $('.divSelect').removeClass('active') } }); } // tab切换 (function($){ $.fn.extend({ tab: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' delay : 100, //延迟时间 auto : true, //是否自动切换 true,false speed : 2000, //自动切换间隔时间(毫秒) 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);