$(function () { // 动画初始化 if (typeof WOW != 'undefined') { var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 0, mobile: false, live: true }); wow.init(); } //返回顶部 function getTop() { var top = $(document).scrollTop(); if ($(document).scrollTop() > 300) { $(".right-flex").show(); } else { $(".right-flex").hide(); } setTimeout(getTop); } getTop(); // $('.to-top').on('click', function () { // $('html,body').stop().animate({ // 'scrollTop': 0 // }, 500); // }); //下滑头部出现背景 $(window).scroll(function () { var h = $(window).height(); var sc = $(window).scrollTop(); var bh = $("body").height(); if (sc > 0) { $(".headfixed").addClass('headerbgm') } else { $(".headfixed").removeClass("headerbgm") }; }); // 二级导航鼠标悬浮的时候加上背景 var b; b = $(document).scrollTop(); $(window).scroll(function () { b = $(document).scrollTop(); if (b <= 0) { $('.headfixed').removeClass("headerbgm1"); } }) $(".headfixed").hover(function () { $(this).addClass("headerbgm1"); }, function () { if (b <= 0) { $(this).removeClass("headerbgm1"); } }); function _topStyle() { var _top = $(window).scrollTop(); // var _top2 = $('.headfixed').outerHeight(); var num = $(".offtop").length; for (var i = 1; i <= num; i++) { var _topi = $(".offtop").eq(i - 1).offset().top - $('.headfixed').height() - 80; if (_top > _topi) { $('.offtop').eq(i - 1).addClass('active'); }else{ $('.offtop').eq(i - 1).removeClass('active'); } } } _topStyle(); $(window).on('scroll', _topStyle); // 底部二级导航显示/隐藏 var _winW = $(window).width(); var overscroll = window.innerWidth - document.body.clientWidth; if (_winW + overscroll <= 767) { $('.footer .footerphone-menu h3').on('click', function () { if (!$(this).hasClass("cur")) { $(this).addClass("cur").parent("li").siblings("li").find("h3").removeClass("cur"); $(this).next('.footer-subnav').slideDown().parent("li").siblings("li").find('.footer-subnav').slideUp(); } else { $(this).removeClass("cur"); $(this).next('.footer-subnav').slideUp() } }) } // 选项卡 function tabs(menu, cont, cur) { menu.hover(function () { var index = menu.index(this); $(this).addClass(cur).siblings().removeClass(cur); cont.children().eq(index).show().siblings().hide(); }); } /*单个js调用*/ $(document).ready(function () { //tab切换 tabs($('.jxaq2 .jxaq2_tab li'), $('.jxaq2 .jxaq2_cont'), 'active'); }); function tabs1(menu1, cont1, cur1) { menu1.click(function () { var index1 = menu1.index(this); $(this).addClass(cur1).siblings().removeClass(cur1); cont1.children().eq(index1).show().siblings().hide(); }); } $(document).ready(function () { tabs1($('.section4 .section4_li'), $('.section4 .section4_bot'), 'active'); //第一个参数是切换的按钮,第二个参数是切换的内容,第三个参数是鼠标悬浮时的样式 }); /*手机端导航*/ $('.toggle-btn-phone').off('click').on('click', function () { if ($('.mobile-nav-box').is(':hidden')) { $('.mobile-nav-box').stop(true, true).slideDown(500); $(this).addClass('cur'); } else { $('.mobile-nav-box').stop(true, true).slideUp(500); $(this).removeClass('cur'); } }); // 手机端二级导航下拉 $('.menu-list .mobile-ul .mobile_down').on('click', function () { if (!$(this).parent().hasClass("cur")) { $(this).parent().addClass("cur").parent("li").siblings("li").find(".head-tit").removeClass("cur"); $(this).parent().next('.head-subnav').slideDown().parent("li").siblings("li").find('.head-subnav').slideUp(); $(this).parent().next().next('.head-subnav2').slideDown().parent("li").siblings("li").find('.head-subnav2').slideUp(); } else { $(this).parent().removeClass("cur"); $(this).parent().next('.head-subnav').slideUp() $(this).parent().next().next('.head-subnav2').slideUp() } }) $('.mobile-nav-box .link_tit .smobile_down').on('click',function(){ if (!$(this).parent().hasClass("cur")) { $(this).parent().addClass("cur").siblings('.link_tit').removeClass("cur"); $(this).parent().next('.head-suba').slideDown().siblings('.head-suba').slideUp(); }else{ $(this).parent().removeClass("cur"); $(this).parent().next('.head-suba').slideUp() } }) //$(".head-subnav>a").click(function () { // $(".mobile-nav-box").stop(true, true).slideUp(500); // $(".toggle-btn-phone").removeClass('cur'); //}) $('.insrecruit-list .post-time .btn').on('click', function () { if (!$(this).parent().parent().hasClass('cur')) { $(this).parent().parent().addClass('cur').find('.rectue-min').stop().slideDown(300); $(this).parent().parent().siblings().removeClass('cur').find('.rectue-min').stop().slideUp(300); } else { $(this).parent().parent().removeClass('cur').find('.rectue-min').stop().slideUp(300); } }) $('.videobox').on('click', function () { var u = navigator.userAgent; var url = $(this).attr('videoUrl'); $('.popvideobg').fadeIn(200); if (url.indexOf('http') == 0) { $('#videoPlayer').html('') } else { $('#videoPlayer').html('') if (u.indexOf('iPhone') > -1) { //苹果手机 document.addEventListener("WeixinJSBridgeReady", function () { $('#video')[0].play(); }, false); } else { $('#video')[0].play(); } } }) $('.close-video-btn').on('click', function () { $('.popvideobg').fadeOut(200); $('#videoPlayer').html(''); }); //搜索框 // Handle click on toggle search button $('.toggle-search').click(function () { $('.search-form, .toggle-search').toggleClass('open'); return false; }); // Handle click on search submit button $('.search-form input[type=submit]').click(function () { $('.search-form, .toggle-search').toggleClass('open'); return true; }); // Clicking outside the search form closes it $(document).click(function (event) { var target = $(event.target); if (!target.is('.toggle-search') && !target.closest('.search-form').size()) { $('.search-form, .toggle-search').removeClass('open'); } }); $('.nav-menu .nav-menu-ul').onePageNav(); /*手机端内页顶部导航下拉*/ var _winW = $(window).width(); var overscroll = window.innerWidth - document.body.clientWidth; if (_winW + overscroll <= 1259) { $('.nav-menu').click(function () { $(this).find('ul').stop(true, false).slideToggle(); }); } //数字滚动 if($('.number').length>0){ $('.number').countUp({ time: 1500 }); } // kf $(".right-close").click(function () { $('.right-flex').toggleClass("show"); if ($('.right-flex').hasClass("show")) { $('.right-flex').find("li").fadeIn() } else { $('.right-flex').find("li").fadeOut() } }); $(".right-flex .to-top").click(function () { $("html,body").animate({ "scrollTop": 0 }, 1000); }); $('.product1_menu .product1_mect_two a.active').parents('.product1_ct').slideDown().prev('.ltit').addClass('active'); $('.product1_menu li .product1_ltit').on('click',function(){ if (!$(this).hasClass('active')) { $(this).addClass('active').parents('li').siblings('li').find('.product1_ltit').removeClass('active'); $(this).next('.product1_mect').slideDown().parents('li').siblings('li').find('.product1_mect').slideUp() } else { $(this).removeClass('active') $(this).next('.product1_mect').slideUp() } }) $('.product1_menu li .product1_ltit_two').on('click',function(){ if (!$(this).hasClass('active')) { $(this).addClass('active').siblings('.product1_ltit_two').removeClass('active').parents('li').siblings('li').find('.product1_ltit_two').removeClass('active'); $(this).next('.product1_mect_two').slideDown().siblings('.product1_mect_two').slideUp().parents('li').siblings('li').find('.product1_mect_two').slideUp() } else { $(this).removeClass('active') $(this).next('.product1_mect_two').slideUp() } }) $(".popmore").click(function(){ $(".shadow").show(); $(".popupBox").show(); }) $(".close").click(function(){ $(".shadow").hide(); $(".popupBox").hide(); }) $(".insrecruit-list li").eq(0).addClass('cur'); $('.insrecruit-list li').on('click', function () { if (!$(this).hasClass('cur')) { $(this).addClass('cur').find('.rectue-min').stop().slideDown(); $(this).siblings().removeClass('cur').find('.rectue-min').stop().slideUp(300); } else { $(this).removeClass('cur').find('.rectue-min').stop().slideUp(300); } }) // swiper var inswp1Legth = $('.banner-img .swiper-slide').length; // console.log(inswp1Legth); if(inswp1Legth <= 1){ $('.banner-img .swiper-button-next').hide(), $('.banner-img .swiper-button-prev').hide(), $('.banner-img .swiper-button-pagination').hide(), $('.banner-img .swiper-wrapper').addClass('flexlf flexace') }else{ $('.banner-img .swiper-button-next').show(), $('.banner-img .swiper-button-prev').show(), $('.banner-img .swiper-button-pagination').show(), $('.banner-img .swiper-wrapper').removeClass('flexlf flexace') var inswp1 = new Swiper('.banner-img .swiper-container', { speed: 1500, loop: true, autoplay: 4000, pagination: '.banner-img .swiper-pagination', nextButton: '.banner-img .swiper-button-next', prevButton: '.banner-img .swiper-button-prev', paginationClickable: true, }); // 鼠标移入时停止轮播 $('.banner-img .swiper-container').mouseover(function () { inswp1.stopAutoplay(); }) $('.banner-img .swiper-container').mouseout(function () { inswp1.startAutoplay(); }) } var pinfo1lh = $(".prinfo1 .swiper-slide").length; var pinfo1bol = true; var pinfo1time = 3500; if (pinfo1lh ==1 || pinfo1lh == null) { pinfo1bol = false; pinfo1time = false; } console.log(pinfo1lh + "|" +pinfo1bol + "|" + pinfo1time); var pinfo1 = new Swiper('.prinfo1 .swiper-container', { speed: 1000, slidesPerView: 1, spaceBetween: 0, autoplay: pinfo1time, loop: pinfo1bol, nextButton: '.prinfo1 .swiper-button-next', prevButton: '.prinfo1 .swiper-button-prev', pagination: '.prinfo1 .swiper-pagination', }); // 鼠标移入时停止轮播 //$('.prinfo1 .swiper-container').mouseover(function () { // pinfo1.stopAutoplay(); //}) //$('.prinfo1 .swiper-container').mouseout(function () { // pinfo1.startAutoplay(); //}) var _winW = $(window).width(); var overscroll = window.innerWidth - document.body.clientWidth; if (_winW + overscroll <= 767) { //var pinfo2 = new Swiper('.prinfo2 .swiper-container', { // speed: 1000, // slidesPerView: 3, // spaceBetween: 5, // autoplay: 3500, // nextButton: '.prinfo2 .swiper-button-next', // prevButton: '.prinfo2 .swiper-button-prev', // pagination: '.prinfo2 .swiper-pagination', //}); //// 鼠标移入时停止轮播 //$('.prinfo2 .swiper-container').mouseover(function () { // pinfo2.stopAutoplay(); //}) //$('.prinfo2 .swiper-container').mouseout(function () { // pinfo2.startAutoplay(); //}) } var pinfo5 = new Swiper('.prinfo5 .swiper-container', { speed: 1000, slidesPerView: 3, spaceBetween: 40, simulateTouch : false, autoplay: 3500, nextButton: '.prinfo5 .swiper-button-next', prevButton: '.prinfo5 .swiper-button-prev', pagination: '.prinfo5 .swiper-pagination', breakpoints: { 1100: { spaceBetween: 30, }, 980: { slidesPerView: 2, spaceBetween: 20, autoplay: 3500, }, 767: { slidesPerView: 1, spaceBetween: 10, autoplay: 3500, }, } }); // 鼠标移入时停止轮播 // $('.prinfo5 .swiper-container').mouseover(function () { // pinfo5.stopAutoplay(); // }) // $('.prinfo5 .swiper-container').mouseout(function () { // pinfo5.startAutoplay(); // }) var pinfo7 = new Swiper('.prinfo7 .swiper-container', { speed: 1000, slidesPerView: 1, spaceBetween: 1, autoplay: 3500, nextButton: '.prinfo7 .swiper-button-next', prevButton: '.prinfo7 .swiper-button-prev', pagination: '.prinfo7 .swiper-pagination', }); // 鼠标移入时停止轮播 $('.prinfo7 .swiper-container').mouseover(function () { pinfo7.stopAutoplay(); }) $('.prinfo7 .swiper-container').mouseout(function () { pinfo7.startAutoplay(); }) // var abswp2 = new Swiper('.about3 .swiper-container', { // slidesPerView:4, // spaceBetween: 10, // speed: 800, // autoplay: 3000, // paginationClickable: true, // slidesPerGrou: 2, // slidesPerColumn: 2, // slidesPerColumnFill: 'row', // nextButton: '.about3 .swiper-button-next', // prevButton: '.about3 .swiper-button-prev', // pagination: '.about3 .swiper-pagination', // breakpoints: { // 750: { // slidesPerView: 2, // spaceBetween: 10, // } // } // }); // // 鼠标移入时停止轮播 // $('.about3 .swiper-container').mouseover(function () { // abswp2.stopAutoplay(); // }) // $('.about3 .swiper-container').mouseout(function () { // abswp2.startAutoplay(); // }) })