$(function(){ /*产品目录第一个默认展开*/ /*$(".menu_li>p>span").first().addClass('on'); $(".menu_li>ul").first().show();*/ }); /*网站导航点击事件*/ var menu_flag=0; $('.btn-menu').click(function(event){ if(menu_flag==0){ $(this).toggleClass('active'); $('.navigation').slideToggle(300); menu_flag=1; }else{ $(this).toggleClass('active'); $('.navigation').slideToggle(300); menu_flag=0; } event.stopPropagation(); }); var menu_tit_flag=0; $('.menu_tit').on('click',function(){ if ( matchMedia( 'only screen and (max-width:991px)' ).matches ) { if(menu_tit_flag==0){ $('.menu_list').stop(true).slideToggle(300); $(this).children('em').html('点击收起 -'); menu_tit_flag=1; }else{ $('.menu_list').stop(true).slideToggle(300); $(this).children('em').html('点击展开+'); menu_tit_flag=0; } } }); /*产品目录收缩*/ $(".menu_li>p>span").on('click',function(){ $(this).parents('p').next('ul').stop(true).slideToggle(300); $(this).stop(true).toggleClass('on'); }); /*底部折叠*/ $(function(){ if ( matchMedia( 'only screen and (max-width:1080px)' ).matches ) { $('.foot_nav>span').click(function(){ $(this).next('.zhedie').slideToggle().siblings('.zhedie').slideUp(); }) $('.nav>ul>li').click(function(){ var dis=$(this).children('ul').css('display') if (dis=='none') { $('.tit').html('◀') }else{ $('.tit').html('▶') } $(this).children('ul').slideToggle() }) } }) /*联系方式tab切换*/ $(".contact .tags_title .one").hover(function(){ $(this).removeClass('ron'); $(".contact .tags_title .two").addClass('ron'); $(".contact .content2").hide(); $(".contact .content1").show(); },function(){ }); $(".contact .tags_title .two").hover(function(){ $(this).removeClass('ron'); $(".contact .tags_title .one").addClass('ron'); $(".contact .content1").hide(); $(".contact .content2").show(); },function(){ }); /*产品目录收缩*/ $(".pro_mulu>ul>li").hover(function() { $(".pro_mulu>ul>li>div").hide(); $(".pro_mulu>ul>li").removeClass('on'); $(this).addClass('on'); $(this).children('div').show(); }, function() { }); /* ----- 侧边悬浮 ---- */ jQuery(document).ready(function(){ jQuery(document).on("mouseenter", ".suspension .a", function(){ var _this = jQuery(this); var s = jQuery(".suspension"); var isService = _this.hasClass("a-service"); var isServicePhone = _this.hasClass("a-service-phone"); var isQrcode = _this.hasClass("a-qrcode"); if(isService){ s.find(".d-service").show().siblings(".d").hide();} if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();} if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();} }); jQuery(document).on("mouseleave", ".suspension, .suspension .a-top", function(){ jQuery(".suspension").find(".d").hide(); }); jQuery(document).on("mouseenter", ".suspension .a-top", function(){ jQuery(".suspension").find(".d").hide(); }); jQuery(document).on("click", ".suspension .a-top", function(){ jQuery("html,body").animate({scrollTop: 0}); }); jQuery(window).scroll(function(){ var st = jQuery(document).scrollTop(); var jQuerytop = jQuery(".suspension .a-top"); if(st > 400){ jQuerytop.css({display: 'block'}); }else{ if (jQuerytop.is(":visible")) { jQuerytop.hide(); } } }); }); /*Home滚动 begin*/ /*分多种情况,一个是一行显示3个(.slideGroup),一个是一行显示4个(.slideGroup4),一个是一行显示2个(.slideGroup2)*/ $(window).load(function() { /*首页产品滚动*/ var w=$(window).width(); var vis=3; if(w>=1400){ vis=3; }else if(w<=1399 && w>880) { vis=4; }else if(w<=880 && w>768) { vis=2; }else if(w<=767){ vis=1; } var pro_bdW=$('.slideGroup .parBd').width(); var pro_LiW=(pro_bdW-16*vis)/vis; if(w<=767){ var pro_LiW=(pro_bdW-8*vis)/vis; } $('.slideGroup .parBd ul li').width(pro_LiW); /* 内层图片滚动切换 */ jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:vis,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"}); }) /*Home滚动 end*/ if(document.body.clientWidth <= 880){ $(' .h_top .nav ul li>.item i').click(function (event) { $(this).toggleClass('on'); $(this).parents('.item').next().stop(true).slideToggle(100); }); $(' .h_top .nav ul li .sub .type_1>.item i').click(function (event) { $(this).toggleClass('on'); $(this).parents('.item').nextAll().stop(true).fadeToggle(100); }); $(' .h_top .nav ul li .sub .type_2>.item i').click(function (event) { $(this).toggleClass('on'); $(this).parents('.item').next().stop(true).slideToggle(100); }); } else{ //PC头部导航下拉显示 $(".h_top .nav ul li").hover(function(){ $(this).children('.sub').stop(true).show(); },function(){ $(this).children('.sub').stop(true).hide(); }); } //手机头部导航点击下拉显示 $('.cd-nav-trigger').click(function (event) { $(this).addClass('nav-is-visible'); $('.sidenav-overlay').show(); //取消事件冒泡 event.stopPropagation(); //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。 $('.h_top .nav').addClass('show'); return false; }); //点击空白处隐藏弹出层,下面为滑动消失效果和淡出消失效果。 $(document).bind("click", function (e){ if ( $((e.target || e.srcElement)).closest(".h_top .nav,.cd-nav-trigger").length == 0) { $('.sidenav-overlay').hide(); $('.h_top .nav').removeClass('show'); $('.cd-nav-trigger').removeClass('nav-is-visible'); } }); //手机头部导航点击下拉显示 $('.cd-nav-trigger').click(function (event) { $(this).addClass('nav-is-visible'); $('.sidenav-overlay').show(); //取消事件冒泡 event.stopPropagation(); //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。 $('.h_top .nav').addClass('show'); return false; }); //点击空白处隐藏弹出层,下面为滑动消失效果和淡出消失效果。 $(document).bind("click", function (e){ if ( $((e.target || e.srcElement)).closest(".h_top .nav,.cd-nav-trigger").length == 0) { $('.sidenav-overlay').hide(); $('.h_top .nav').removeClass('show'); $('.cd-nav-trigger').removeClass('nav-is-visible'); } });