//搜索点击弹出效果 function SerMax(){ $('#btn_ser').click(function(){ $('#ser').toggle(300); }) } //下拉菜单 例调用:Nav('#nav'); function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).find('.subNav').show() $(this).addClass('on'); },function (){ $(this).find('.subNav').hide() $(this).removeClass('on'); }) //置顶 var iWSon = document.documentElement.clientWidth ; if(iWSon > 1240){ var vNavWaitSlide,NavWaitSlide; $('.goTops').hover( function(){ var current_li=$(this),targ=$(current_li).find('.fLinks'); NavWaitSlide = setTimeout(function() { if(!$(targ).is(':visible')) { $(targ).fadeIn(200); } },200) }, function(){ clearTimeout(NavWaitSlide); $(this).find('.fLinks').fadeOut(200); } ); }else{ $('.goTops').unbind("mouseenter").unbind("mouseleave"); $('.sideMenu1').bind("click"); goTops(); $('.fLinks').find('dl').each(function(){ $(this).find('dd').eq(0).show().siblings().hide(); $(this).find('dd').eq(0).click(function(){ $(this).siblings().slideToggle(200); if($(this).find('h3').hasClass('open')){ $(this).find('h3').removeClass('open'); }else{ $(this).find('h3').addClass('open'); } }) }); } function goTops(){ $('.sideMenu1').click(function(){ $(this).next('.fLinks').slideToggle(200); }) } }; function navTop(){ var sWSon = document.documentElement.clientWidth ; if(sWSon>900){ $('.topWrap').css({display:'block'}) $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > 10){ $('.header').addClass('current'); //$('.ser').addClass('current'); $('.current').find('.topWrap').css({display:'none'}).stop().animate({top:"-40px"},200); var liWidth = $("#nav li").width() $('.subNav').css('width',liWidth) }else{ $('.header').removeClass('current'); // $('.ser').removeClass('current'); $('.topWrap').css({display:'block'}).stop().animate({top:0},200); var liWidth = $("#nav li").width() $('.subNav').css('width',liWidth) } }); }else{ $ (window).unbind ('scroll'); $('.topWrap').css({display:'none'}); $('.header').removeClass('current'); } } //移动端主导航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("×") }else{ $(this).html("+") } }) } 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().addClass('on'); $(this).parent().find('dl').slideDown(); $(this).parent().siblings().removeClass('on'); $(this).parent().siblings().find('dl').slideUp(); $(this).html('×') }) }; // 手机端下拉菜单 function navMin() { $("#mbtn").click(function(){ $(".navm").slideToggle(300); //$('.logo2').slideToggle(100) $('.header-logo').slideToggle(100) $('.searchWrap').slideToggle(100) }); }; 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 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 : 4000, //自动切换间隔时间(毫秒) 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; var oIcon = obj.find('span') //鼠标事件绑定 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); }; }) //鼠标事件绑定 oIcon.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); }); oIcon.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'); oIcon.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'); oIcon.eq(iNum).addClass('on'); oBox.eq(iNum).css('display','block'); } }); } }) })(jQuery);