$(function () { scolltext(".soc_slider dd"); var customer01 = new swiper('.customer_swiper .swiper-container', { nextbutton: '.customer_swiper .swiper-button-next', prevbutton: '.customer_swiper .swiper-button-prev', slidesperview: 3, spacebetween : 26, speed:1000, pagination: '.customer_swiper .swiper-pagination', // paginationtype: 'progress', breakpoints: { 1024: { slidesperview: 2, }, 767: { spacebetween : 0, slidesperview: 1, } } }); $(document).on("click",".customer_02-con li",function () { var index=$(this).index() $(this).addclass("on").siblings().removeclass("on") $(".customer_02-img li").eq(index).addclass("on").siblings().removeclass("on") }) if($(window).width()<1025){ var customer02 = new swiper('.customer_02-list .swiper-container', { nextbutton: '.customer_02-list .swiper-button-next', prevbutton: '.customer_02-list .swiper-button-prev', slidesperview: 3, spacebetween : 10, breakpoints: { 767: { slidesperview: 2, } }, onslidechangestart: function(swiper){ } }); var _ind = 0; var _len = $(".customer_02-list .swiper-slide").length; btnjudge(); $(".customer_02-list .swiper-slide").click(function(){ _ind = $(this).index(); $(this).addclass("on").siblings().removeclass("on"); customer02.slideto(_ind, 1000, false); btnjudge(); }) if(_ind){ $("customer_02-list .swiper-slide:eq(" + _ind + ")").click(); }else{ $(".customer_02-list .swiper-slide:eq(0)").click(); } $(".customer_02-list .swiper-button-prev").click(function() { _ind--; btnjudge() $(".customer_02-list .swiper-slide").eq(_ind).addclass("on").siblings().removeclass("on"); $(".customer_02-list .swiper-slide.on").click(); }) //点击又按钮,实现_ind自加1 $('.customer_02-list .swiper-button-next').click(function() { _ind++; btnjudge() $(".customer_02-list .swiper-slide").eq(_ind).addclass("on").siblings().removeclass("on"); $(".customer_02-list .swiper-slide.on").click(); }) function btnjudge() { if(_ind >= _len - 1) { $('.customer_02-list .swiper-button-next').addclass("disabled") _ind = _len - 1; } else { $('.customer_02-list .swiper-button-next').removeclass("disabled") } if(_ind <= 0) { $(".customer_02-list .swiper-button-prev").addclass("disabled") _ind = 0; } else { $(".customer_02-list .swiper-button-prev").removeclass("disabled") } } } if($(window).width()<1025){ $(document).on("click",".classic_tab li",function () { var index=$(this).index() $(this).addclass("on").siblings().removeclass("on") $(".classic-item").eq(index).addclass("on animated").siblings().removeclass("on animated") }) }else{ $(document).on("mouseover",".classic_tab li",function () { var index=$(this).index() $(this).addclass("on").siblings().removeclass("on") $(".classic-item").eq(index).addclass("on animated").siblings().removeclass("on animated") }) } var indexswiper = [] for (var i = 0; i < $('.classic-r').length; i++) { if($('.classic-r').eq(i).find("li").length>1){ $('.classic-r').eq(i).find(".deve_btn").show() }else{ $('.classic-r').eq(i).find(".deve_btn").hide() } indexswiper[i] = new swiper( $('.classic-r') .eq(i) .find('.swiper-container') .get(0), { pagination: $('.classic-r') .eq(i) .find('.swiper-pagination') .get(0), // paginationclickable: true, slidesperview: 1, slidespergroup: 1, spacebetween: 2, nextbutton: $('.classic-r') .eq(i) .find('.swiper-button-next') .get(0), prevbutton: $('.classic-r') .eq(i) .find('.swiper-button-prev') .get(0), paginationclickable: true, observer:true, observeparents:true, // loop:true, // autoplay: 3000 } ) } if($(window).width()<768){ space03() }else{ $(document).on("mouseover",".quality_con .l li",function () { var index=$(this).index() $(this).addclass("on").siblings().removeclass("on") $(".c_top-item").eq(index).addclass("on").siblings().removeclass("on") $(".c_bot li").eq(index).addclass("on").siblings().removeclass("on") $(".r-item").eq(index).addclass("on").siblings().removeclass("on") }) $(document).on("mouseover",".c_bot li",function () { var index=$(this).index() $(this).addclass("on").siblings().removeclass("on") $(".c_top-item").eq(index).addclass("on").siblings().removeclass("on") $(".quality_con .l li").eq(index).addclass("on").siblings().removeclass("on") $(".r-item").eq(index).addclass("on").siblings().removeclass("on") }) } space_04() aboutp04() if($(".r-item li dt").length>0){ scolltext(".r-item li dt") } if($(".space_04 .space_04_txt p").length>0){ scolltext(".space_04 .space_04_txt p") } }) function space_04(){ if($(".space_04 .view li").length>1){ $(".space_04 .view .swiper-pagination").show() } var viewswiper = new swiper('.view .swiper-container', { // autoplay: 3000, effect : 'fade', pagination:'.view .swiper-pagination', prevbutton:'.view .swiper-button-prev', nextbutton:'.view .swiper-button-next', paginationclickable :true, }) // $('.view .swiper-button-prev,.preview .swiper-button-prev').on('click', function(e) { // e.preventdefault() // if (viewswiper.activeindex == 0) { // viewswiper.slideto(viewswiper.slides.length - 1, 1000); // return // } // viewswiper.slideprev() // }) // $('.view .swiper-button-next,.preview .swiper-button-next').on('click', function(e) { // e.preventdefault() // if (viewswiper.activeindex == viewswiper.slides.length - 1) { // viewswiper.slideto(0, 1000); // return // } // viewswiper.slidenext() // }) // // var previewswiper = new swiper('.preview .swiper-container', { // // autoplay: 3000, // slidesperview : 3, // spacebetween: 20, // allowtouchmove: false, // // loop:true, // pagination:'.preview .swiper-pagination', // ontap: function() { // viewswiper.slideto(previewswiper.clickedindex) // }, // breakpoints: { // 1023:{ // slidesperview : 2, // }, // 767:{ // slidesperview : 1, // spacebetween: 0, // } // } // }) function updatenavposition() { $('.preview .on').removeclass('on') var activenav = $('.preview .swiper-slide').eq(viewswiper.activeindex).addclass('on') if (!activenav.hasclass('swiper-slide-visible')) { if (activenav.index() > previewswiper.activeindex) { var thumbspernav = math.floor(previewswiper.width / activenav.width()) - 1 previewswiper.slideto(activenav.index() - thumbspernav) } else { previewswiper.slideto(activenav.index()) } } } $('.preview .swiper-slide').hover(function() { $('.preview .swiper-slide').removeclass('on'); $(this).addclass('on'); viewswiper.slideto($(this).index()); }) } function aboutp04(){ if($(window).width()>=768){ if($(".about-par04 .swbox .swiper-container").length>0){ var aboutp04_swiper = new swiper('.about-par04 .swbox .swiper-container', { nextbutton: '.about-par04 .swbox .swiper-button-next', prevbutton: '.about-par04 .swbox .swiper-button-prev', slidesperview: 4, spacebetween : 58, breakpoints: { 1023: { slidesperview: 2, spacebetween : 30, }, 767: { slidesperview: 1, spacebetween : 10, } } }); } } } function space03(){ if($(".space_03 .swiper-container").length>0){ var proswi02 = new swiper('.space_03 .l .swiper-container', { nextbutton: '.space_03 .l .swiper-button-next', prevbutton: '.space_03 .l .swiper-button-prev', slidesperview:2, spacebetween:10, observer:true, observeparents:true, }); var _ind = 0; var _len = $(".space_03 .l .swiper-slide").length; btnjudge(); $(".space_03 .l .swiper-slide").click(function(){ _ind = $(this).index(); $(this).addclass("on").siblings().removeclass("on"); btnjudge(); $(".r-item").eq(_ind ).addclass("on").siblings().removeclass("on") }) if(_ind){ $(".space_03 .l .swiper-slide:eq(" + _ind + ")").click(); }else{ $(".space_03 .l .swiper-slide:eq(0)").click(); } $(".space_03 .l .swiper-button-prev").click(function() { _ind--; btnjudge() $(".space_03 .l .swiper-slide").eq(_ind).addclass("on").siblings().removeclass("on"); $(".space_03 .l .swiper-slide.on").click(); }) //点击又按钮,实现_ind自加1 $('.space_03 .l .swiper-button-next').click(function() { _ind++; btnjudge() $(".space_03 .l .swiper-slide").eq(_ind).addclass("on").siblings().removeclass("on"); $(".space_03 .l .swiper-slide.on").click(); }) function btnjudge() { if(_ind >= _len - 1) { $('.space_03 .l .swiper-button-next').addclass("disabled") _ind = _len - 1; } else { $('.space_03 .l .swiper-button-next').removeclass("disabled") } if(_ind <= 0) { $(".space_03 .l .swiper-button-prev").addclass("disabled") _ind = 0; } else { $(".space_03 .l .swiper-button-prev").removeclass("disabled") } } } } function scolltext(obj){ if($(obj).length>0){ $(obj).mcustomscrollbar({ mousewheelpixels:100, autodraggerlength:false, advanced: { autoscrollonfocus: "" } }); } }