window.AESKey = ''; // 判断浏览器是否支持placeholder属性 function isSupportPlaceholder() { var input = document.createElement('input'); return 'placeholder' in input; }; (function() { //判断是否是IE浏览器,包括Edge浏览器 function IEVersion() { //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //判断是否IE浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; if (isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); if (fIEVersion < 9 || !isSupportPlaceholder()) { return true; } } else { return false; } } var tpl = [ '
', '

为了给您提供更优质的网页浏览体验,建议使用IE10及以上版本的浏览器

', '

请升级或更换其他浏览器

', '
' ].join(''); window.onload = function() { if (IEVersion()) { document.write(tpl); } }; window.siteName = ""; })(); $(function() { var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 100 }); wow.init(); }) $('.counter').countUp({ time: 1000 }); var ww = $(window).width(); $(window).scroll(function() { //判断置顶 var sTop = $(window).scrollTop(); if (sTop > 500) { $(".backTop").fadeIn(200) } else { $(".backTop").fadeOut(200) } }) //返回顶部 $('.backTop').click(function() { $('html, body').animate({ 'scrollTop': 0 }, 600); }) $('.kdDiv4 .tab').find('li').click(function() { var index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.kdDiv4 #tabCon').children('.tab_cell').eq(index).fadeIn(200).siblings().hide(); }) var thumbsSwiper = new Swiper('#sw2', { spaceBetween: 40, slidesPerView: 4, noSwiping: true, // watchSlidesVisibility: true, //防止不可点击 loop: true, // freeMode: false, // slideToClickedSlide: true, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1, spaceBetween: 10, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 3, spaceBetween: 25, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 3, spaceBetween: 25, } }, navigation: { nextEl: '.scDiv3 .swiper-button-next', prevEl: '.scDiv3 .swiper-button-prev', }, controller: { control: gallerySwiper, }, // centeredSlides: true, }) var gallerySwiper = new Swiper('#sw1', { spaceBetween: 20, // thumbs: { // swiper: thumbsSwiper, // }, loop:true, noSwiping: true, speed: 300, // loop: true, // centeredSlides: true, navigation: { nextEl: '.scDiv3 .swiper-button-next', prevEl: '.scDiv3 .swiper-button-prev', }, }) var gallery_xr = new Swiper('.xrDiv2 .flDiv .swiper-container', { spaceBetween: 20, // thumbs: { // swiper: swiper_xr_lc, // }, speed: 300, // loop: true, centeredSlides: true, direction: 'vertical', }) // }) if (ww < 1024) { $("#sw1").addClass("swiper-no-swiping") $("#sw2").addClass("swiper-no-swiping") } var swiper_xr_lc = new Swiper(".xrDiv2 .frDiv .swiper-container", { centeredSlides: true, //设置活动块居中 speed: 800, slidesPerView: 3, direction: 'vertical', mousewheel: true, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1.2, direction: 'horizontal', centeredSlides: false, //设置活动块居中 }, 768: { //当屏幕宽度大于等于768 slidesPerView: 3, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 3, } }, navigation: { nextEl: '.xrDiv2 .swiper-button-next', // prevEl: '.scDiv3 .swiper-button-prev', }, controller: { control: gallery_xr, }, }); $('.xrDiv2 .frDiv .swiper-container .swiper-slide').on("click", function() { var index = $('.xrDiv2 .frDiv .swiper-container .swiper-slide').index(this); swiper_xr_lc.slideTo(index, 800, false); //切换到指定slide,速度为1秒 gallery_xr.slideTo(index, 800, false); //切换到指定slide,速度为1秒 }) var swiper_hz = new Swiper(".xrDiv3 .swiper-container", { // autoplay: { // delay: 2000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, speed: 800, spaceBetween: 10, slidesPerView: 7, slidesPerColumn: 2, slidesPerGroup: 7, // mousewheel: true, pagination: { el: ".xrDiv3 .swiper-pagination", type: 'progressbar', clickable: true, }, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 3, slidesPerColumn: 2, spaceBetween: 5, slidesPerGroup: 3, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 6, slidesPerColumn: 2, spaceBetween: 10, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 6, spaceBetween: 10, } }, navigation: { nextEl: '.xrDiv3 .swiper-button-next', prevEl: '.xrDiv3 .swiper-button-prev', }, observer: true, observeParents: true, }); var swiper_pro = new Swiper(".xrDiv4 .swiper-container", { // autoplay: { // delay: 2000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, // loop: true, speed: 500, spaceBetween: 20, slidesPerView: 1, on: { slideChangeTransitionStart: function() { $(".xrDiv4 .content ul li").removeClass("active").eq(this.activeIndex).addClass("active"); }, }, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1, spaceBetween: 10, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 1, spaceBetween: 25, }, // 1280: { //当屏幕宽度大于等于768 // slidesPerView: 4, // spaceBetween: 25, // }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 1, spaceBetween: 25, } }, }); $(".xrDiv4 .content ul li").eq(0).addClass("active"); $(".xrDiv4 .content ul li").hover(function() { $(".xrDiv4 .content ul li").removeClass("active"); $(this).addClass("active"); var index = $(".xrDiv4 .content ul li").index(this); swiper_pro.slideTo(index, 1000, false); //切换到第一个slide,速度为1秒 }) //智能 var swiper_zn1 = new Swiper(".sw_zn .swiper-container", { speed: 300, spaceBetween: 20, slidesPerView: 1, on: { init: function() { swiperAnimateCache(this); //隐藏动画元素 swiperAnimate(this); //初始化完成开始动画 }, slideChangeTransitionEnd: function() { swiperAnimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次,去除ani类名 }, slideChangeTransitionStart: function() { $(".znDiv2 .content>.tab li").removeClass("active").eq(this.activeIndex).addClass("active"); }, }, effect: 'fade', fadeEffect: { crossFade: true, }, }); $(".znDiv2 .content>.tab li").eq(0).addClass("active"); $(".znDiv2 .content>.tab li").hover(function() { $(".znDiv2 .content>.tab li").removeClass("active"); $(this).addClass("active"); var index = $(".znDiv2 .content>.tab li").index(this); swiper_zn1.slideTo(index, 500, true); //切换到第一个slide,速度为1秒 }) $('.swTab>.tab').find('li').hover(function() { var index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); // $(this).parent().parent().find('.tab_cell').eq(index).show().siblings().hide(); $(this).parent().parent().find('.tab_cell').eq(index).siblings().find("img").removeClass("showImg") $(this).parent().parent().find('.tab_cell').eq(index).find("img").addClass("showImg") }) $(".swTab>.tabCon .tab_cell:first-child").find("img").addClass("showImg") var gallery_zn = new Swiper('.znDiv3 .flDiv .swiper-container', { spaceBetween: 20, // thumbs: { // swiper: swiper_xr_lc, // }, speed: 300, // loop: true, centeredSlides: true, direction: 'vertical', }) var swiper_zn_lc = new Swiper(".znDiv3 .frDiv .swiper-container", { speed: 800, slidesPerView: 'auto', autoHeight: true, centeredSlides: false, //设置活动块居中 spaceBetween: 20, direction: 'vertical', mousewheel: true, slideToClickedSlide: true, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1, direction: 'horizontal', centeredSlides: false, //设置活动块居中 }, 768: { //当屏幕宽度大于等于768 slidesPerView: 3, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 3, } }, controller: { control: gallery_zn, }, pagination: { el: ".znDiv3 .frDiv .swiper-pagination", clickable: true, type: 'progressbar', }, }); $('.znDiv3 .frDiv .swiper-container .swiper-slide').on("click", function() { var index = $('.znDiv3 .frDiv .swiper-container .swiper-slide').index(this); swiper_xr_lc.slideTo(index, 800, false); //切换到指定slide,速度为1秒 gallery_xr.slideTo(index, 800, false); //切换到指定slide,速度为1秒 }) var swiper_hz_zn = new Swiper(".znDiv4 .swiper-container", { // autoplay: { // delay: 2000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, speed: 800, spaceBetween: 10, slidesPerView: 6, slidesPerColumn: 2, slidesPerGroup: 6, // mousewheel: true, pagination: { el: ".znDiv4 .swiper-pagination", clickable: true, }, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 3, slidesPerColumn: 3, slidesPerGroup: 3, spaceBetween: 10, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 6, slidesPerColumn: 2, spaceBetween: 10, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 6, spaceBetween: 10, } }, navigation: { nextEl: '.znDiv4 .swiper-button-next', prevEl: '.znDiv4 .swiper-button-prev', }, observer: true, observeParents: true, }); // $('.tdCon li').hover(function() { // var index = $(this).index(); // $(this).addClass('active').siblings().removeClass('active'); // }) //科芯 var swiper_kx1 = new Swiper(".kxPro .swiper-container", { speed: 300, spaceBetween: 20, slidesPerView: 1, on: { init: function() { swiperAnimateCache(this); //隐藏动画元素 swiperAnimate(this); //初始化完成开始动画 }, slideChangeTransitionEnd: function() { swiperAnimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次,去除ani类名 }, slideChangeTransitionStart: function() { $(".kxPro .content>.tab1 li").removeClass("active").eq(this.activeIndex).addClass("active"); }, }, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1, spaceBetween: 10, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 1, spaceBetween: 25, }, // 1280: { //当屏幕宽度大于等于768 // slidesPerView: 4, // spaceBetween: 25, // }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 1, spaceBetween: 25, } }, effect: 'fade', fadeEffect: { crossFade: true, }, }); $(".kxPro .content>.tab1 li").eq(0).addClass("active"); $(".kxPro .content>.tab1 li").hover(function() { $(".kxPro .content>.tab1 li").removeClass("active"); $(this).addClass("active"); var index = $(".kxPro .content>.tab1 li").index(this); swiper_kx1.slideTo(index, 300, true); //切换到第一个slide,速度为1秒 }) $('.swTab>.tab2').find('li').hover(function() { var index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); // $(this).parent().parent().find('.tab_cell').eq(index).show().siblings().hide(); $(this).parent().parent().find('.tab_cell').eq(index).siblings().find("img").removeClass("showImg") $(this).parent().parent().find('.tab_cell').eq(index).find("img").addClass("showImg") }) $(".swTab>.tabCon .tab_cell:first-child").find("img").addClass("showImg") var swiper_kxyg = new Swiper(".kxDiv5 .swiper-container", { autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, // loop: true, speed: 800, spaceBetween: 10, slidesPerView: 1, on: { slideChangeTransitionStart: function() { $(".kxDiv5 .flDiv .tab li").removeClass("active").eq(this.activeIndex).addClass("active"); }, }, }); $(".kxDiv5 .flDiv .tab li").eq(0).addClass("active"); $(".kxDiv5 .flDiv .tab li").hover(function() { $(".kxDiv5 .content .tab li").removeClass("active"); $(this).addClass("active"); var index = $(".kxDiv5 .flDiv .tab li").index(this); swiper_kxyg.slideTo(index, 800, true); //切换到第一个slide,速度为1秒 }) $('.ldDiv2 .tab').find('li').hover(function() { var index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.ldDiv2 #tabCon').children('.tab_cell').eq(index).show().siblings().hide(); }) //立朵产品 var swiper_ld_pro_main = new Swiper(".ldDiv2 .swMain", { // autoplay: { // delay: 2000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, // loop: true, speed: 800, spaceBetween: 10, slidesPerView: 1, on: { slideChangeTransitionStart: function() { $(".ldDiv2 .tab li").removeClass("active").eq(this.activeIndex).addClass("active"); }, }, }); $(".ldDiv2 .tab li").eq(0).addClass("active"); $(".ldDiv2 .tab li").hover(function() { $(".ldDiv2 .tab li").removeClass("active"); $(this).addClass("active"); var index = $(".ldDiv2 .tab li").index(this); swiper_ld_pro_main.slideTo(index, 800, true); //切换到第一个slide,速度为1秒 }) var swiper_ld_pro1 = new Swiper(".ldPro .sw1", { speed: 800, spaceBetween: 30, slidesPerView: 2, // mousewheel: true, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1, spaceBetween: 10, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 2, spaceBetween: 25, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 2, spaceBetween: 25, } }, pagination: { el: ".sw1 .swiper-pagination", clickable: true, }, }); var swiper_ld_pro2 = new Swiper(".ldPro .sw2", { speed: 800, spaceBetween: 10, slidesPerView: 2, // mousewheel: true, breakpoints: { 767: { //当屏幕宽度大于等于320 slidesPerView: 1, spaceBetween: 10, }, 768: { //当屏幕宽度大于等于768 slidesPerView: 2, spaceBetween: 25, }, 1024: { //当屏幕宽度大于等于768 slidesPerView: 2, spaceBetween: 25, } }, pagination: { el: ".sw2 .swiper-pagination", clickable: true, }, }); var len = $(".ldPro .sw1").find(".swiper-slide").length var len2 = $(".ldPro .sw2").find(".swiper-slide").length console.log(len2) if (ww > 992) { if (len > 2) { $(".sw1").find(".swiper-pagination").show() } else { $(".sw1").find(".swiper-pagination").hide() } if (len2 > 2) { $(".sw2").find(".swiper-pagination").show() } else { $(".sw2").find(".swiper-pagination").hide() } } else { if (len > 1) { $(".sw1").find(".swiper-pagination").show() } else { $(".sw1").find(".swiper-pagination").hide() } if (len2 > 1) { $(".sw2").find(".swiper-pagination").show() } else { $(".sw2").find(".swiper-pagination").hide() } }