Nav('#nav')//导航 mobideMenu()// 移动端主导航 Menu('.sub_mbtn','.sub_navm');//手机版导航 side_subMenu();//左侧边栏二级菜单 注意:如没有三级菜单请记得删除此方法 //搜索点击弹出效果 // 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(); // } // }); // } /* 返回顶部 */ $(window).scroll(function(){ var docHeight = $(document).height() var winHeight = $(window).height(); var scrollTop = $(window).scrollTop(); if(scrollTop >= 165){ $('.gp-goTop').fadeIn(500) }else{ $('.gp-goTop').fadeOut(500) } if(scrollTop >= docHeight - winHeight){ $('.gp-goTop-fixed').addClass('bottom') }else{ $('.gp-goTop-fixed').removeClass('bottom') } }) $('.gp-goTop').click(function(){ $('body,html').stop().animate({scrollTop:0}); return false; }); //下拉菜单 例调用:Nav('#nav'); function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).addClass('on'); $(this).find('.subNav').stop().slideDown(300); },function (){ $(this).removeClass('on'); $(this).find('.subNav').stop().slideUp(300); }) }; //移动端主导航 function mobideMenu(){ $(".mobile-inner-header .mobile-inner-header-icon").click(function(){ $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); $('body').toggleClass('nav-open'); // $('.black_bg01,.logo').slideToggle(200) }); $('.black_bg01').click(function(){ $(".mobile-inner-header .mobile-inner-header-icon").toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); $('body').toggleClass('nav-open'); $(this).slideToggle(300) // $('.logo').slideToggle(200) }) $(".mobile-inner-nav li > a").each(function( index ) { $( this ).css({'animation-delay': (index/20)+'s'}); }); $('.mobile-search-btn').click(function(){ $('.mobile_search').slideToggle(300) }) $('.mobile-inner-nav li strong').click(function(){ $(this).parent().toggleClass('on'); if($(this).parent().hasClass('on')){ $(this).addClass('icon-huise-copy ') $(this).removeClass('icon-huise') $(this).next('.mobile_subNav').slideDown(300) }else{ $(this).addClass('icon-huise') $(this).removeClass('icon-huise-copy'); $(this).next('.mobile_subNav').slideUp(300) } }) } //导航置顶 $(function(){ var sWSon = document.documentElement.clientWidth; if(sWSon>1220){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > 10){ $('.header').addClass('current'); $('.ser').addClass('current'); $('.topNav').css({display:'none'}).stop().animate({top:"-40px"},300);} else{ $('.header').removeClass('current'); $('.ser').removeClass('current'); $('.topNav').css({display:'block'}).stop().animate({top:"18px"},300);} }); }else{ } }) //移动端顶部点击弹出下拉菜单 function Menu(menu,main){ $(menu).click(function(){ $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); $(this).find('i').toggleClass('iconarrowDown iconarrowUp') $(".sub_navm").slideToggle(250); }); $('.sub_navm').find('.phone_arrow').click(function(){ $(this).next('dl').slideToggle(500); $(this).toggleClass('on'); if($(this).hasClass('on')){ $(this).html("×") }else{ $(this).html("+") } }) }; function side_subMenu(){ $('.sub_left').find('.active').each(function(){ if($(this).parent().parent().hasClass('twoJ_menu')){ $(this).parent().parent().css('display','block'); $(this).parent().parent().parent().addClass('on') $(this).parent().parent().prev('.arrow').html('×') } }) $('.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 : 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 show(){ $('.picShow #carousel').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, itemWidth: 310, itemMargin: 0, asNavFor: '#slider' }); $('#slider').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, sync: "#carousel" }); }