$('.menuBtn').click(function (e) { $(".navs__pop").toggleClass('show'); $(this).toggleClass('close'); }) var bannerSwiper = new Swiper('.banner .swiper-container', { loop: true, autoplay: true, navigation: { nextEl: '.banner .next', prevEl: '.banner .prev', }, }) $('.playBtn').click(function (e) { $('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'); }); $('.indexPro .left .item').eq(0).show(); $('.indexPro .center .pic .img').eq(0).show(); $('.indexPro .center .quan .t span').click(function () { var old = $('.indexPro .center .quan .t span.on').index(); var _thisIndex = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); $('.indexPro .left .item').eq($(this).index()).fadeIn(200).siblings().hide(); $('.indexPro .center .quan .line').css('transform', 'rotate(' + 90 * $(this).index() + 'deg'); $('.indexPro .right a').eq($(this).index()).addClass('on').siblings().removeClass('on'); $('.indexPro .center .pic .img').eq($(this).index()).fadeIn(200).siblings().hide(); }); $('.indexPro .right a').click(function () { var old = $('.indexPro .right a.on').index(); var _thisIndex = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); $('.indexPro .left .item').eq($(this).index()).fadeIn(200).siblings().hide(); $('.indexPro .center .quan .line').css('transform', 'rotate(' + 90 * $(this).index() + 'deg'); $('.indexPro .center .quan .t span').eq($(this).index()).addClass('on').siblings().removeClass('on'); $('.indexPro .center .pic .img').eq($(this).index()).fadeIn(200).siblings().hide(); }); $('.application ul li').hover(function () { // over var index = $(this).index(); $('.application .img img').removeClass('on').eq(index).addClass('on'); }, ); var newsSwiper = new Swiper('.indexNews .swiper-container', { loop: true, autoplay: true, breakpoints: { //褰撳搴﹀ぇ浜庣瓑浜?20 320: { spaceBetween: 25, slidesPerView: 1.2, }, 750: { spaceBetween: 50, slidesPerView: 2, }, 1240: { spaceBetween: 25, slidesPerView: 3, allowTouchMove: false, }, }, }) if ($(window).width() > 1024) { $(".navs__pop").on('mousemove', function (e) { var clientX = e.clientX, clientY = e.clientY; var scrollLeft = $(this).scrollLeft(), scrollTop = $(this).scrollTop(); var left = clientX + scrollLeft, top = clientY + scrollTop; myTween = TweenLite.to($('.Circles-circle'), 1, { x: left, y: top }); }) } // 杩斿洖椤堕儴 $(window).on('scroll', function () { if ($(window).scrollTop() > 500) { $(".page-aside").addClass("show") } else { $(".page-aside").removeClass("show") } }); $(".j-gotop").click((function () { $("html, body").animate({ scrollTop: 0 }, 400) })) var honorSwiper = new Swiper('.honor .swiper-container', { loop: true, autoplay: true, navigation: { nextEl: '.honor .next', prevEl: '.honor .prev', }, breakpoints: { //褰撳搴﹀ぇ浜庣瓑浜?20 320: { spaceBetween: 25, slidesPerView: 1.2, }, 750: { spaceBetween: 30, slidesPerView: 3, }, 1240: { spaceBetween: 30, slidesPerView: 4, }, 1440: { spaceBetween: 45, slidesPerView: 4, }, }, }) $('.submenuShow').click(function (e) { $(".wapsubmenu").slideToggle(250); $(this).toggleClass('active'); }) var patentSwiper = new Swiper('#patentSwiper', { loop: true, autoplay:true, // { // delay: 2000, // disableOnInteraction: false, // }, slideToClickedSlide: true, centeredSlides: true, watchSlidesProgress: true, on: { setTranslate: function () { slides = this.slides for (i = 0; i < slides.length; i++) { slide = slides.eq(i) progress = slides[i].progress //slide.html(progress.toFixed(2)); 鐪嬫竻妤歱rogress鏄€庝箞鍙樺寲鐨 slide.css({ 'opacity': '', 'background': '' }); slide.transform('');//娓呴櫎鏍峰紡 slide.transform('scale(' + (1 - Math.abs(progress) / 8) + ')'); } }, setTransition: function (transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } }, }, navigation: { nextEl: ".patentBtnbox .next", prevEl: ".patentBtnbox .prev", }, breakpoints: { 320: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20 slidesPerView: 1.6, spaceBetween: 0, }, 768: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68 slidesPerView: 3, spaceBetween: 15, }, 1280: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280 slidesPerView: 5, spaceBetween: 12, } , 1440: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280 slidesPerView: 5, spaceBetween: 30, } } }); var yearSwiper = new Swiper('#yearSwiper', { slideToClickedSlide: true, watchSlidesVisibility: true, watchSlidesProgress: true, breakpoints: { 320: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20 slidesPerView: 3, spaceBetween: 0, }, 768: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68 slidesPerView: 3, spaceBetween: 0, }, 1280: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280 slidesPerView: 3, spaceBetween: 0, } , 1440: { //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280 slidesPerView: 3, spaceBetween: 0, } } }); var hisSwiper = new Swiper('#hisSwiper', { slideToClickedSlide: true, // centeredSlides: true, thumbs: { swiper: yearSwiper, }, });