var swiperH = new Swiper('.swiper-container-h', { direction: 'vertical', spaceBetween: 50, mousewheel: true, slidesPerView: "auto", loop: false, observer: true, observeParents: true, pagination: { el: '.swiper-pagination-h', clickable: true, }, on: { init: function (swiper) { // swiperAnimateCache(this); //隐藏动画元素 // swiperAnimate(this); //初始化完成开始动画 console.log(this.activeIndex) }, slideChangeTransitionEnd: function () { // swiperAnimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); if (swiperH.activeIndex == 1 || swiperH.activeIndex == 3 || swiperH.activeIndex == 4 || swiperH.activeIndex == 5) { $("header").addClass("bg"); } else { $("header").removeClass("bg"); }; this.active = $('.swiper-slide-active').attr('data-swiper-slide-index') var sum = this.realIndex + 1 // console.log(sum) if (sum == 5) { document.onmousewheel = function (e) { if (e.wheelDelta > 0) { $('footer').css("bottom", "-80%"); $('footer').removeClass('scollfoot'); } else { $('footer').css("bottom", "0px"); $('footer').addClass('scollfoot'); } } } else { document.onmousewheel = function (e) { if (e.wheelDelta > 0) { $('footer').css("bottom", "-80%"); $('footer').removeClass('scollfoot'); } else { $('footer').css("bottom", "-80%"); $('footer').removeClass('scollfoot'); } } } }, }, }); var swiperW = new Swiper('.swiper-container-w', { loop: true, pagination: { el: '.pagination-w', clickable: true, type: 'fraction', }, pagination: { el: ".svg-swiper-pagination", clickable: !0, renderBullet: function (e, i) { return '
' } }, navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); //导航 $('.mune').click(function () { $('.nav-main').css("left", "0px"); }); $('.navclose').click(function () { $('.nav-main').css("left", " -6rem"); }); var thisTime; $('.nav-ul li').mouseleave(function (even) { thisTime = setTimeout(thisMouseOut, 1000); }) $('.nav-ul li').mouseenter(function () { clearTimeout(thisTime); var thisUB = $('.nav-ul li').index($(this)); if ($.trim($('.nav-slide-o').eq(thisUB).html()) != "") { $('.nav-slide').addClass('hover'); $('.nav-slide-o').hide(); $('.nav-slide-o').eq(thisUB).show(); } else { $('.nav-slide').removeClass('hover'); } }) function thisMouseOut() { $('.nav-slide').removeClass('hover'); } $('.nav-slide').mouseenter(function () { clearTimeout(thisTime); $('.nav-slide').addClass('hover'); }) $('.nav-slide').mouseleave(function () { $('.nav-slide').removeClass('hover'); }) //视频 $('.play-btn').click(function (e) { console.log('dd') $('div.video-play').show(); var src = $(this).find('video').attr('src') || $(this).find('video').find('source').attr('src') || $(this).data('src') $("#video").attr('src', src); $('body').css('overflow', 'hidden'); }); $('div.close-btn').click(function (e) { $('div.video-play').hide(); $("#video").attr('src', ''); $('body').css('overflow', 'auto'); }); $('.video-bg').click(function (e) { $('div.video-play').hide(); $('body').css('overflow', 'auto'); }); var swiperCase = new Swiper('.section4 .swiper-container ', { // direction: 'vertical', // mousewheel: true, loop: true, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView: 1, }, 750: { spaceBetween: 20, slidesPerView: 3, }, 1200: { spaceBetween: 25, slidesPerView: 3, }, //当宽度大于等于768 1660: { spaceBetween: 25, slidesPerView: 3, }, //当宽度大于等于1280 1800: { spaceBetween: 35, slidesPerView: 3, } }, autoplay: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.section4 .casepre', prevEl: '.section4 .casenext', }, }); var swiperNews = new Swiper('.section5 .swiper-container ', { loop: true, autoplay: false, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1, }, 750: { spaceBetween: 18, slidesPerView:2, }, 1000: { spaceBetween: 20, slidesPerView: 3, }, 1200: { spaceBetween: 15, slidesPerView: 4, }, //当宽度大于等于768 1660: { spaceBetween: 35, slidesPerView: 4, }, }, }); $('.linktab a').mouseover(function(){ var index = $(this).index(); $(this).addClass('cur').siblings().removeClass('cur'); $('.section5 .con .figure').removeClass('cur').eq(index).addClass('cur'); var swiperNews = new Swiper('.section5 .swiper-container ', { loop: true, autoplay: false, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1, }, 750: { spaceBetween: 18, slidesPerView:2, }, 1000: { spaceBetween: 20, slidesPerView: 3, }, 1200: { spaceBetween: 15, slidesPerView: 4, }, //当宽度大于等于768 1660: { spaceBetween: 35, slidesPerView: 4, }, }, }); }) var swiperlistone = new Swiper('.newslist1 .swiper-container ', { // loop: true, // autoplay: true, navigation: { nextEl: '.newslist1pre', prevEl: '.newslist1next', }, }); var swiperadd = new Swiper('.business2 .swiper-container ', { // loop: true, // autoplay: true, pagination: { el: ".business2page .swiper-pagination", clickable: true, }, navigation: { nextEl: '.business2page .pre', prevEl: '.business2page .next', }, }); var swiperxgxm= new Swiper('.swiperxgxm .swiper-container ', { loop: false, autoplay: true, autoplayDisableOnInteraction : false, centeredSlides : true, slidesPerView:1.8, // pagination: { // el: ".business2page .swiper-pagination", // clickable: true, // }, navigation: { nextEl: '.swiperxgxm .xgxmpre', prevEl: '.swiperxgxm .xgxmnext', }, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1.5, centeredSlides : false, }, 750: { spaceBetween: 10, slidesPerView:1.5, centeredSlides : false, }, 1000: { spaceBetween: 20, slidesPerView:2, }, 1200: { spaceBetween: 35, }, //当宽度大于等于768 1660: { spaceBetween: 35, }, }, }); var swiperhxt= new Swiper('.swiperhut .swiper-container ', { loop: false, autoplay: true, // pagination: { // el: ".business2page .swiper-pagination", // clickable: true, // }, navigation: { nextEl: '.swiperhut .xgxmpre', prevEl: '.swiperhut .xgxmnext', }, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1, }, 750: { spaceBetween: 10, slidesPerView:2, }, 1000: { spaceBetween: 20, slidesPerView: 3, }, 1200: { spaceBetween: 35, slidesPerView: 3, }, //当宽度大于等于768 1660: { spaceBetween: 35, slidesPerView: 4, }, }, }); var swipertherd= new Swiper('.swipertherd .swiper-container ', { loop: false, autoplay: false, navigation: { nextEl: '.swipertherd .xgxmpre', prevEl: '.swipertherd .xgxmnext', }, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1, }, 750: { spaceBetween: 10, slidesPerView:2, }, 1200: { spaceBetween: 25, slidesPerView: 3, }, //当宽度大于等于768 1660: { spaceBetween: 30, slidesPerView: 3, }, }, }); var swiperapp = new Swiper('.goodLifeApp .swiper-container ', { loop: true, autoplay: true, autoHeight: true, navigation: { nextEl: '.goodLifeApp .xgxmpre', prevEl: '.goodLifeApp .xgxmnext', }, breakpoints: { //当宽度大于等于320 750: { autoHeight: false, }, }, }); var swiperProjec= new Swiper('.ProjectDisplay .swiper-container ', { loop: true, autoplay: true, pagination: { el: ".ProjectDisplay .ProjectDisplay-pagination", clickable: true, }, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1, }, 750: { spaceBetween: 20, slidesPerView:2, }, 1200: { spaceBetween: 40, slidesPerView: 3, slidesPerGroup: 3, }, //当宽度大于等于768 1660: { spaceBetween: 60, slidesPerView: 3, slidesPerGroup: 3, }, }, }); //员工风采 var swiperstaff= new Swiper('.staff .swiper-container', { // centeredSlides: true, // autoplay: true, autoplay: { delay: 1000, disableOnInteraction: false, }, breakpoints: { //当宽度大于等于320 320: { spaceBetween: 10, slidesPerView:1, }, 750: { slidesPerView: 2, spaceBetween: 18, }, 1200: { slidesPerView: 3, spaceBetween: 25, }, //当宽度大于等于768 1660: { slidesPerView: 3.2, spaceBetween: 30, }, }, }); //招聘 $('.g5boxaa').click(function() { var con1 = $(this).find('.con1').html();//学历 var con2 = $(this).find('.con2').html();//专业 var con3 = $(this).find('.con3').html();//地点 var con4 = $(this).find('.con4').html();//职位 var con5 = $(this).find('.con5').html();//岗位职责 var con6 = $(this).find('.con6').html();//岗位要求: $('.Pop .constudy span').append(con1); $('.Pop .conye span').append(con2); $('.Pop .conadd span').append(con3); $('.Pop .jobzw').append(con4); $('.Pop .zwyq').append(con5); $('.Pop .gwyq').append(con6); $('.Pop').fadeIn(300); }); $('.Pop').click(function() { $('.Pop').hide(); $('.Pop .constudy span').empty(); $('.Pop .conye span').empty(); $('.Pop .conadd span').empty(); $('.Pop .conadd span').empty(); $('.Pop .jobzw').empty(); $('.Pop .zwyq').empty(); $('.Pop .gwyq').empty(); }); // 导航 高度 // $(window).on('scroll', function () { // if ($(window).scrollTop() > 280) { // $("header").addClass("min"); // } else { // $("header").removeClass("min"); // } // });