/** * Created by Admin on 2021/12/24. */ var scroll = null; var index = 0 var animateDataNumber = []; var animateDataTime = 0; $(document).ready(function () { $("#header").load("common-header.html"); $("#footer").load("common-footer.html"); }); function detectIE() { var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older => return version number return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11 => return version number var rv = ua.indexOf('rv:'); return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10); } var edge = ua.indexOf('Edge/'); if (edge > 0) { // Edge (IE 12+) => return version number return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10); } // other browser return false; } function ee() { let options = { el: document.querySelector('#js-scroll'), smooth: true, getSpeed: true, repeat: false, resetNativeScroll:false, getDirection: true, // smartphone: { // smooth: true, // } } // if($('.pro-container').length==1) { // $('.header').addClass('no-fixed') // } scroll = new LocomotiveScroll(options); scroll.start(); // window.onload = function () { $.common.initscroll() // } } $.common = { // 鏍规嵁IE娴忚鍣ㄧ炕璇戣幏鍙栦簨浠 scrollFun: function () { // console.log('11', detectIE()) if (detectIE()) { $('.u-anim-scroll,.u-anim-scroll1').addClass('is-inview') $(window).scroll(function () { // $('.crumb-fixed').css('top',$('.header').height()) console.log($(window).scrollTop()) if ($(window).scrollTop() <= $('.neiye-banner').height() - $('.header').height()) { $('.header').removeClass('header_on') } else { $('.header').addClass('header_on') } // if($('section').hasClass('.crumb')){ // } if ($('.crumb').hasClass('crumb-fixed')) { if (instance.scroll.y <= $('.neiye-banner').height() + $('.header').height()) { $('.crumb').removeClass('show') } else { $('.crumb').addClass('show') } } }) return } else { ee() // window.onload = function () { // ee() // } } }, // 鍒濆鍖栨粴鍔 initscroll: function () { var fin = true; scroll.destroy(); scroll.init() scroll.on('scroll', function (instance) { // $('.crumb-fixed').css('top',$('.header').height()) if (instance.scroll.y <= $('.neiye-banner').height() - $('.header').height()) { $('.header').removeClass('header_on') } else { $('.header').addClass('header_on') } if ($('.crumb').hasClass('crumb-fixed')) { if (instance.scroll.y <= $('.neiye-banner').height() + $('.header').height()) { $('.crumb').removeClass('show') } else { $('.crumb').addClass('show') } } // console.log($('.about1-1 .list').hasClass('list')) // if ($('.case7-details').hasClass('case7-details')) { if (fin) { // // $.case.caseD() // fin = false // } // } if ($('.about1-1 .list').hasClass('list')) { if (instance.scroll.y <= $('.about1-1 .content').height()) { if (fin) { setTimeout(() => { $.index.animateData(animateDataNumber, animateDataTime); }, 500) fin = false } } } if ($('.news_left').hasClass('news_left')) { if (instance.scroll.y <= $('.neiye-banner').height() + $('.header').height()) { } // console.log(instance.scroll.y - $('.neiye-banner').height() + $('.header').height()) var y = instance.scroll.y - $('.neiye-banner').height() + $('.header').height() if (y >= 90 && instance.scroll.y <= $('.new_d').height()) { // $('.news_left').css('margin-top',(y - $('.news_left').height())+'px') $('.news_left').css('margin-top', (y - 130) + 'px') } else if (y < 90) { $('.news_left').css('margin-top', 0 + 'px') } // console.log(y) } }) $(window).resize(function () { // $('.crumb-fixed').css('top',$('.header').height()) }) }, scrollTo(index) { var common = $('.crumb')[0].offsetHeight + $('.neiye-banner')[0].offsetHeight; var data = 0; switch (index) { case 0: data = common break; case 1: if ($('section').hasClass('pro1-d')) { data = common + $('.pro1-d')[0].offsetHeight } break; default: if ($('section').hasClass('pro0-d') && $('section').hasClass('pro1-d')) { data = common + $('.pro0-d')[0].offsetHeight + $('.pro1-d')[0].offsetHeight } else if ($('section').hasClass('pro1-d') && !$('section').hasClass('pro0-d')) { data = common + $('.pro1-d')[0].offsetHeight } else if ($('section').hasClass('pro0-d') && !$('section').hasClass('pro1-d')) { data = common + $('.pro0-d')[0].offsetHeight } } // console.log(data,common) setTimeout(function () { scroll.scrollTo(data - 100); }, 10) }, getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); }, scrollToID(id){ setTimeout(function () { let he=$( id ).offset().top; scroll.scrollTo(he); console.log('鎵ц婊氬姩',he) }, 100) }, // 杩斿洖椤堕儴 toTop: function () { $(".go_top").click(function () { // scroll.scrollTo(0) // console.log(scroll) if (scroll == null) { // location.reload(); $(window).scrollTop(0); } else { setTimeout(function () { scroll.scrollTo(0); }, 10) } }); }, footerFun: function () { $(window).resize(function () { if ($(window).width >= 1100) { $('.center-nav').show(); } else { $('.center-nav').hide(); } }) $('.footer-sum .center .title').off().on('click', function () { if ($(window).width >= 1100) { } else { if (!$(this).parents('li').hasClass('on')) { $('.footer-sum .center li').removeClass('on') $('.center-nav').stop(true, true).slideUp(); $(this).parents('li').addClass('on') $(this).siblings('.center-nav').stop(true, true).slideDown(); } else { $('.footer-sum .center li').removeClass('on') $('.center-nav').stop(true, true).slideUp(); } } }) }, } $.case = { caseD: function () { $('.swiper-pagination-bullet:nth-child(1)').addClass('swiper-pagination-bullet-active') var list = new Swiper('.case7-details .swiper-container ', { slidesPerView: 2,//'auto' observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, // pagination : '.swiper-pagination', // paginationClickable :true, spaceBetween: 30, centeredSlides: true, autoplay: 4000, loop: true, breakpoints: { //褰撳搴﹀皬浜庣瓑浜?20 320: { slidesPerView: 1.1, spaceBetween: 10 }, //褰撳搴﹀皬浜庣瓑浜?80 640: { slidesPerView: 1.5, spaceBetween: 10 }, //褰撳搴﹀皬浜庣瓑浜?40 1024: { spaceBetween: 10 } }, onTouchEnd: function (swiper) { var index1 = swiper.realIndex + 1; console.log(index1) $('.swiper-pagination-bullet').removeClass('swiper-pagination-bullet-active') if (index1 >= $('.swiper-pagination-bullet').length) { $('.swiper-pagination-bullet:nth-child(1)').addClass('swiper-pagination-bullet-active') } else { // $('.swiper-pagination-bullet:nth-child(' + index1 + ')').addClass('swiper-pagination-bullet-active') $('.swiper-pagination-bullet').eq(index1).addClass('swiper-pagination-bullet-active') } } }) $('.swiper-pagination-bullet').live('click', function () { // console.log($(this).index()) // $('.swiper-pagination-bullet').removeClass('swiper-pagination-bullet-active') var index1 = $(this).index() + 2; console.log(index1, $(this).index(), index1 > $('.swiper-pagination-bullet').length) $('.swiper-pagination-bullet').removeClass('swiper-pagination-bullet-active') $(this).addClass('swiper-pagination-bullet-active') // if (index1 > $('.swiper-pagination-bullet').length) { // list.slideTo(0) // } else { list.slideTo(index1) // } }) } } // 鍏充簬鎴戜滑妯″潡闆嗗悎 $.about = { /** * @method changeNumber * @param Array numbers[婊氬姩鏈€缁堟暟瀛梋 * @param Number times[婊氬姩鏃堕暱] * @path common.js => $.index.indexChangeSection(number,times) * @desc 鏁板瓧婊氬姩 */ changeNumber: function (number, times) { animateDataNumber = number; animateDataTime = times; }, /** * @method about4Sum * @path about4.html * @desc 鍏充簬鎴戜滑杞挱 */ about4Sum: function () { $('.hon_tab_nav_box .at_on').on('click', function () { var index = $(this).index(); $('.hon_tab_nav_box .at_on').removeClass('on'); $(this).addClass('on'); $('.hon_con_case > div').hide(); $('.hon_con_case > div').eq(index).show() }) var index1 = 0, index2 = 0; var Swiper1 = new Swiper('.hon_con_box1 .swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, autoplay: 4500, slidesPerView: 1.1, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, breakpoints: { //褰撳搴﹀皬浜庣瓑浜?20 1100: { autoplay: 4000, slidesPerView: 1, effect: 'slide' } }, onSlideChangeEnd: function (swiper) { index1 = swiper.activeIndex; console.log(index1) Swiper2.slideTo(index1) $('.hon_name_box1 .swiper-container .swiper-slide').removeClass('active-nav') $('.hon_name_box1 .swiper-container .swiper-slide').eq(index1).addClass('active-nav') // alert(swiper.activeIndex) //鍒囨崲缁撴潫鏃讹紝鍛婅瘔鎴戠幇鍦ㄦ槸绗嚑涓猻lide } }); var Swiper2 = new Swiper('.hon_name_box1 .swiper-container', { direction: 'vertical', slidesPerView: 4, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, }); $('.hon_name_box1 .swiper-button-prev').on('click', function () { console.log(index1) if (index1 == 0) { return } Swiper1.slideTo(index1 - 1) Swiper2.slideTo(index1 - 1) }) $('.hon_name_box1 .swiper-button-next').on('click', function () { console.log(index1 == Swiper2.slides.length - 1, Swiper2.slides.length - 1, index1) if (index1 == Swiper2.slides.length) { return } Swiper1.slideTo(index1 + 1) Swiper2.slideTo(index1 + 1) }) $('.hon_name_box1 .swiper-container .swiper-slide').on('click', function () { Swiper1.slideTo($(this).index()) $('.hon_name_box1 .swiper-container .swiper-slide').removeClass('active-nav') $('.hon_name_box1 .swiper-container .swiper-slide').eq($(this).index()).addClass('active-nav') }) // Swiper1.params.control = Swiper2;//闇€瑕佸湪Swiper2鍒濆鍖栧悗锛孲wiper1鎺у埗Swiper2 // Swiper2.params.control = Swiper1;//闇€瑕佸湪Swiper1鍒濆鍖栧悗锛孲wiper2鎺у埗Swiper1 var Swiper3 = new Swiper('.hon_con_box2 .swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, autoplay: 4500, slidesPerView: 1.1, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, breakpoints: { //褰撳搴﹀皬浜庣瓑浜?20 1100: { autoplay: 4000, slidesPerView: 1, effect: 'slide' } }, onSlideChangeEnd: function (swiper) { index2 = swiper.activeIndex; console.log(index2) Swiper4.slideTo(index2) $('.hon_name_box2 .swiper-container .swiper-slide').removeClass('active-nav') $('.hon_name_box2 .swiper-container .swiper-slide').eq(index2).addClass('active-nav') // alert(swiper.activeIndex) //鍒囨崲缁撴潫鏃讹紝鍛婅瘔鎴戠幇鍦ㄦ槸绗嚑涓猻lide } }); var Swiper4 = new Swiper('.hon_name_box2 .swiper-container', { direction: 'vertical', slidesPerView: 4, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, }); $('.hon_name_box2 .swiper-button-prev').on('click', function () { if (index2 == 0) { return } Swiper3.slideTo(index2 - 1) Swiper4.slideTo(index2 - 1) }) $('.hon_name_box2 .swiper-button-next').on('click', function () { // console.log(index1+1) if (index2 == Swiper3.slides.length) { return } Swiper3.slideTo(index2 + 1) Swiper4.slideTo(index2 + 1) }) $('.hon_name_box2 .swiper-container .swiper-slide').on('click', function () { Swiper3.slideTo($(this).index()) $('.hon_name_box2 .swiper-container .swiper-slide').removeClass('active-nav') $('.hon_name_box2 .swiper-container .swiper-slide').eq($(this).index()).addClass('active-nav') }) }, /** * @method about1Swiper * @path about1.html * @desc 鍏充簬鎴戜滑杞挱 */ about1Swiper: function () { var mySwiper = new Swiper('.about1-3 .swiper-container', { spaceBetween: 45, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 3, // 璁剧疆鏄剧ず涓夊紶 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 // autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 // speed: 6000, //璁剧疆杩囧害鏃堕棿 pagination: '.swiper-pagination', paginationType: 'progress', prevButton: '.about1-3 .swiper-button-prev', nextButton: '.about1-3 .swiper-button-next', breakpoints: { 1100: { slidesPerView: 2, spaceBetween: 10 }, 768: { slidesPerView: 1, spaceBetween: 0 }, } }) $('.about1-2').on("click", function () { $('.about1-2 .bg').hide() $('.about1-2 .icon-play').hide() $('.about1-2 video')[0].play() }) }, /** * @method about2Swiper * @path about2.html * @desc 鍏充簬鎴戜滑杞挱 */ about2Swiper: function () { var Swiper1 = new Swiper('.about-c-3 .left .swiper-container', { pagination: '.swiper-pagination', paginationType: 'fraction', prevButton: '.about-c-3 .swiper-button-prev', nextButton: '.about-c-3 .swiper-button-next', observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, slideToClickedSlide: true, loop: true }) var Swiper2 = new Swiper('.about-c-3 .right .swiper-container', { observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, slideToClickedSlide: true, loop: true }) Swiper1.params.control = Swiper2;//闇€瑕佸湪Swiper2鍒濆鍖栧悗锛孲wiper1鎺у埗Swiper2 Swiper2.params.control = Swiper1;//闇€瑕佸湪Swiper1鍒濆鍖栧悗锛孲wiper2鎺у埗Swiper1 var mySwiper = new Swiper('#infoList1', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 4, // 璁剧疆鏄剧ず涓夊紶 //centeredSlides : true, //浣垮綋鍓嶅浘鐗囧眳涓樉绀 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 20000, //璁剧疆杩囧害鏃堕棿 breakpoints: { //褰撳搴﹀皬浜庣瓑浜?40 768: { slidesPerView: 3, // 璁剧疆鏄剧ず涓夊紶 spaceBetween: 10 } } }) var mySwiper = new Swiper('#infoList3', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 4, // 璁剧疆鏄剧ず涓夊紶 //centeredSlides : true, //浣垮綋鍓嶅浘鐗囧眳涓樉绀 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 20000, //璁剧疆杩囧害鏃堕棿 breakpoints: { //褰撳搴﹀皬浜庣瓑浜?40 768: { slidesPerView: 3, // 璁剧疆鏄剧ず涓夊紶 spaceBetween: 10 } } }) var mySwiper = new Swiper('#infoList2', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 4, // 璁剧疆鏄剧ず涓夊紶 //centeredSlides : true, //浣垮綋鍓嶅浘鐗囧眳涓樉绀 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: 13000, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 20000, //璁剧疆杩囧害鏃堕棿 breakpoints: { //褰撳搴﹀皬浜庣瓑浜?40 768: { slidesPerView: 3, // 璁剧疆鏄剧ず涓夊紶 spaceBetween: 10 } } }) //榧犳爣瑕嗙洊鍋滄鑷姩鍒囨崲 mySwiper.container[0].onmouseover = function () { mySwiper.stopAutoplay(); } //榧犳爣绉诲嚭寮€濮嬭嚜鍔ㄥ垏鎹 mySwiper.container[0].onmouseout = function () { mySwiper.startAutoplay(); } }, /** * @method about5Swiper * @path about5.html * @desc 鍏充簬鎴戜滑杞挱 */ about5Swiper: function () { var infoList1 = new Swiper('#infoList1', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 7, // 璁剧疆鏄剧ず涓夊紶 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 4000, //璁剧疆杩囧害鏃堕棿 breakpoints: { 480: { slidesPerView: 3, spaceBetween: 10 }, 1100: { slidesPerView: 6, spaceBetween: 20 }, 1600: { spaceBetween: 15, } } }) var infoList2 = new Swiper('#infoList2', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 7, // 璁剧疆鏄剧ず涓夊紶 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 5000, //璁剧疆杩囧害鏃堕棿 breakpoints: { 480: { slidesPerView: 3, spaceBetween: 10 }, 1100: { slidesPerView: 6, spaceBetween: 20 }, 1600: { spaceBetween: 15, } } }) var infoList3 = new Swiper('#infoList3', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 7, // 璁剧疆鏄剧ず涓夊紶 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 4000, //璁剧疆杩囧害鏃堕棿 breakpoints: { 480: { slidesPerView: 3, spaceBetween: 10 }, 1100: { slidesPerView: 6, spaceBetween: 20 }, 1600: { spaceBetween: 15, } } }) var infoList4 = new Swiper('#infoList4', { spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 7, // 璁剧疆鏄剧ず涓夊紶 freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 speed: 5000, //璁剧疆杩囧害鏃堕棿 breakpoints: { 480: { slidesPerView: 3, spaceBetween: 10 }, 1100: { slidesPerView: 6, spaceBetween: 20 }, 1600: { spaceBetween: 15, } } }) //榧犳爣瑕嗙洊鍋滄鑷姩鍒囨崲 $('.relative').hover( function () { infoList4.stopAutoplay; infoList3.stopAutoplay; infoList2.stopAutoplay; infoList1.stopAutoplay; }, function () { infoList4.startAutoplay; infoList3.startAutoplay; infoList2.startAutoplay; infoList1.startAutoplay; } ); } } // 鑱旂郴鎴戜滑妯″潡闆嗗悎 $.contact = { /** * @method join_list_show * @path contact-join.html * @desc 鍔犲叆璇︽儏灞曞紑鍏抽棴鏁堟灉 */ join_list_show: function () { $('.join_list .title').on('click', function () { if (!$(this).parents('li').hasClass('show')) { $('.join_list li').removeClass('show'); $('.join_list .content').stop(true, true).slideUp(); $(this).parents('li').addClass('show'); $(this).siblings('.content').stop(true, true).slideDown() } else { $('.join_list li').removeClass('show'); $('.join_list .content').stop(true, true).slideUp(); } setTimeout(() => { scroll.update(); }, 500); // $.common.initscroll() // scroll.destroy(); // scroll = new LocomotiveScroll(options); // scroll.start(); }) }, /** * @method join_list_show * @path contact-join.html * @desc 鍔犲叆璇︽儏灞曞紑鍏抽棴鏁堟灉 */ ser_list_show: function () { var flows = 1; $("#loading").live('click', function () { var page = $("#page").val(); var allpage = $("#allpage").val(); if (parseInt(page) < parseInt(allpage)) { if (flows == 1) { setTimeout(function () { seemore(page, allpage);//鍔犺浇淇℃伅 }, 500); // seemore(page,allpage);//鍔犺浇淇℃伅 } flows = 0; } else if (parseInt(page) == parseInt(allpage)) { $("#loading").text('宸插叏閮ㄥ姞杞?); } }); //鍔犺浇鏇村 function seemore(page, allpage) { if (parseInt(page) < parseInt(allpage)) { $.ajax({ type: 'get', url: "/Service/get_cases_by_page.html", data: {'page': page}, success: function (data) { if (data.status == 1) { $("#news_comment").append(data.html); $("#page").val(parseInt(data.page)); flows = 1; } else { flows = 0; } setTimeout(() => { scroll.update(); }, 500); } }) } } $('.ques-sum li').live('click', function () { if ($(this).hasClass('on')) { $(this).removeClass('on'); $(this).children('.content').stop(true, true).slideUp(); } else { $(this).addClass('on'); $(this).siblings('li').removeClass('on'); $(this).children('.content').stop(true, true).slideDown(); $(this).siblings('.item').removeClass('on'); $(this).siblings('li').children('.content').stop(true, true).slideUp(); } setTimeout(() => { scroll.update(); }, 500); }) }, /** * @method radiosFun * @path contact-liuyan.html * @desc 鍗曢€ */ radiosFun: function () { $('.radios-group .r-item').on('click', function () { $(this).addClass('checked'); $(this).find('input').attr('checked', 'checked'); $(this).siblings('.r-item').removeClass('checked'); $(this).siblings('.r-item').find('input').removeAttr('checked'); }) } } // index $.index = { indexNewsBanner: function () { var mySwiper = new Swiper('.index-section6-wrapper .swiper-container', { spaceBetween: 45, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, loop: true, //鍏佽浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝鎴栬€呬粠鏈€鍚庝竴寮犲埌绗竴寮 寰幆灞炴€ slidesPerView: 3, // 璁剧疆鏄剧ず涓夊紶 // freeMode: true, // 浣垮够鐏墖婊戝姩鏃朵笉姝㈡粦鍔ㄤ竴鏍硷紝涓斾笉浼氳嚜鍔ㄨ创鍚 slidesPerGroup: 1, //瀹氫箟1寮犲浘鐗囦负涓€缁 // autoplay: true, //鍙€夐€夐」锛岃嚜鍔ㄦ粦鍔 // speed: 6000, //璁剧疆杩囧害鏃堕棿 pagination: '.swiper-pagination', prevButton: '.index-section6-wrapper .swiper-button-prev', nextButton: '.index-section6-wrapper .swiper-button-next', paginationType: 'progress', breakpoints: { 1100: { slidesPerView: 2.5, spaceBetween: 20 }, 768: { slidesPerView: 1.2, spaceBetween: 5 }, } }) }, /** * @method animateData * @param Array numbers[婊氬姩鏈€缁堟暟瀛梋 * @param Number times[婊氬姩鏃堕暱] * @path common.js => $.index.indexChangeSection(number,times) * @desc 鏁板瓧婊氬姩 */ animateData: function (number, times) { // S 鍥涖€佸姩鐢绘暟鎹箣鏂囧瓧婊氬姩鏂规硶 // 1銆佸啓鏂规硶 if (number.length >= 1) { $('#n1') .prop('number', 0).animateNumber({ number: number[0] }, times); } if (number.length >= 2) { $('#n2') .prop('number', 0).animateNumber({ number: number[1] }, times); } if (number.length >= 3) { $('#n3') .prop('number', 0).animateNumber({ number: number[2] }, times); } if (number.length >= 4) { $('#n4') .prop('number', 0).animateNumber({ number: number[3] }, times); } if (number.length >= 5) { $('#n5') .prop('number', 0).animateNumber({ number: number[4] }, times); } if (number.length >= 6) { $('#n6') .prop('number', 0).animateNumber({ number: number[5] }, times); } // E 鏂囧瓧婊氬姩鏁堟灉瀹炵幇 }, /** * @method indexChangeSection1 * @param Array numbers[婊氬姩鏈€缁堟暟瀛梋 * @param Number times[婊氬姩鏃堕暱] * @path index.html * @desc 棣栭〉婊氬姩鏁堟灉 */ indexChangeSection1: function (number, times) { // 鍒濆鍖栫涓€灞忓弬鏁 function initChangeSection() { $('.index-section1 .lans').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section2 .left').removeClass('a-fadeinB1').addClass('a-fadeoutB'); $('.index-section2 .right').removeClass('a-fadeinT').addClass('a-fadeoutT'); $('.index-section2 .right img').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section3 .list').removeClass('a-fadeinB2').addClass('a-fadeoutB'); $('.index-section3 .lans').removeClass('a-fadein5').addClass('a-fadeout'); $('.index-section4 .title-index').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section4 .swiper-container').removeClass('a-fadein5').addClass('a-fadeout'); $('.index-section5 .count-data-list li:nth-child(1)').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(2)').removeClass('a-fadeinB1').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(3)').removeClass('a-fadeinB2').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(4)').removeClass('a-fadeinB3').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(5)').removeClass('a-fadeinB4').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(6)').removeClass('a-fadeinB5').addClass('a-fadeoutB'); $('.index-section5 .right').removeClass('a-fadein5').addClass('a-fadeout'); } //1銆佸垵濮嬪寲绗竴灞忓弬鏁 // initChangeSection(); $('#dowebok').fullpage({ // scrollOverflow:true,//瓒呭嚭婊氬姩 controlArrows: false,//闅愯棌姘村钩绠ご onLeave: function (e, d, f) { if (e == 1) { $('.index-section1 .lans').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section2 .left').removeClass('a-fadeinB1').addClass('a-fadeoutB'); } if (e == 2) { $('.index-section2 .right').removeClass('a-fadeinT').addClass('a-fadeoutT'); $('.index-section2 .right img').removeClass('a-fadeinB').addClass('a-fadeoutB'); } if (e == 3) { $('.index-section3 .list').removeClass('a-fadeinB2').addClass('a-fadeoutB'); $('.index-section3 .lans').removeClass('a-fadein5').addClass('a-fadeout'); } if (e == 4) { $('.index-section4 .title-index').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section4 .swiper-container').removeClass('a-fadein5').addClass('a-fadeout'); } if (e == 5) { $('.index-section5 .count-data-list li:nth-child(1)').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(2)').removeClass('a-fadeinB1').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(3)').removeClass('a-fadeinB2').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(4)').removeClass('a-fadeinB3').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(5)').removeClass('a-fadeinB4').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(6)').removeClass('a-fadeinB5').addClass('a-fadeoutB'); $('.index-section5 .right').removeClass('a-fadein5').addClass('a-fadeout'); } }, afterLoad: function (f, e) { if (e == 1) { $('.index-section1 .lans').addClass('a-fadeinB').removeClass('a-fadeoutB'); $('.header').removeClass('header_on1') } if (e == 2) { $('.index-section2 .left').addClass('a-fadeinB1').removeClass('a-fadeoutB'); $('.index-section2 .right').addClass('a-fadeinT').removeClass('a-fadeoutT'); $('.index-section2 .right img').addClass('a-fadeinB').removeClass('a-fadeoutB'); $('.header').addClass('header_on1') } if (e == 3) { $('.index-section3 .bg-section').addClass('on'); $('.index-section3 .lans').addClass('a-fadein5').removeClass('a-fadeout'); $('.index-section3 .list').addClass('a-fadeinB2').removeClass('a-fadeoutB'); $('.header').removeClass('header_on1') } if (e == 4) { $('.index-section4 .bg-section').addClass('on'); $('.index-section4 .title-index').addClass('a-fadeinB').removeClass('a-fadeoutB'); $('.index-section4 .swiper-container').addClass('a-fadein5').removeClass('a-fadeout'); $('.header').addClass('header_on1') } if (e == 5) { $('.index-section5 .bg-section').addClass('on'); $('.index-section5 .count-data-list li:nth-child(1)').addClass('a-fadeinB').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(2)').addClass('a-fadeinB1').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(3)').addClass('a-fadeinB2').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(4)').addClass('a-fadeinB3').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(5)').addClass('a-fadeinB4').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(6)').addClass('a-fadeinB5').removeClass('a-fadeoutB'); $('.index-section5 .right').addClass('a-fadein5').removeClass('a-fadeout'); $.index.animateData(number, times) $('.header').removeClass('header_on1') } if (e == 6) { $('.header').addClass('header_on1') } if (e == 7) { $('.header').addClass('header_on1') } }, }); // (2.灞忓箷婊氬姩鎵ц姝ゆ柟娉? var finished = true; $(window).scroll(function () { var a = $('.index-section5').offset().top; // console.log(a) if (finished && a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) { // alert('11') if(finished){ setTimeout(() => { $.index.animateData(number, times) }, 200) finished = false; } } if($(window).scrollTop()>0){ $('.header').addClass('header_on1') }else{ $('.header').removeClass('header_on1') } }); // E 鍔ㄧ敾鏁版嵁涔嬫枃瀛楁粴鍔ㄦ柟娉 }, /** * @method indexChangeSection * @param Array numbers[婊氬姩鏈€缁堟暟瀛梋 * @param Number times[婊氬姩鏃堕暱] * @path index.html * @desc 棣栭〉婊氬姩鏁堟灉 */ indexChangeSection: function (number, times) { var nowpage = 0, oldpage = 0, doing = true, time; var count = $('.index-home .wrapper section').length - 1;//鎬诲睆鏁 var startX, startY; // 鍒濆鍖栫涓€灞忓弬鏁 function initChangeSection() { $('.index-home .wrapper section').eq(0).addClass('del on'); $('.index-section2 .left').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section2 .right').removeClass('a-fadeinT').addClass('a-fadeoutT'); $('.index-section2 .right img').removeClass('a-fadeinB1').addClass('a-fadeoutB'); } // S 鎵ц鎿嶄綔 // 涓婃粦鎵ц鎿嶄綔 function upChangeSection() { nowpage -= 1; $('.index-home .wrapper section').eq(oldpage).removeClass('del').addClass('on out') $('.index-home .wrapper section').eq(nowpage).removeClass('on').addClass('del') setTimeout(function () { $('.index-home .wrapper section').eq(oldpage).removeClass('on out del') $('.index-home .wrapper section').eq(nowpage).addClass('on').removeClass('in') }, 900) console.log('杩涘叆涓婃粦鎿嶄綔') } // 涓嬫粦鎵ц鎿嶄綔 function downChangeSection() { nowpage += 1; $('.index-home .wrapper section').eq(oldpage).removeClass('del') $('.index-home .wrapper section').eq(nowpage).addClass('in') setTimeout(function () { $('.index-home .wrapper section').removeClass('on') $('.index-home .wrapper section').eq(nowpage).addClass('del on').removeClass('in') }, 900) } // 缁撴潫鎿嶄綔 function endChangeSection() { $('.index-section .bg-section').removeClass('on'); setTimeout(function () { $('.index-section1 .lans').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section2 .left').removeClass('a-fadeinB1').addClass('a-fadeoutB'); $('.index-section2 .right').removeClass('a-fadeinT').addClass('a-fadeoutT'); $('.index-section2 .right img').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section3 .list').removeClass('a-fadeinB2').addClass('a-fadeoutB'); $('.index-section3 .lans').removeClass('a-fadein5').addClass('a-fadeout'); $('.index-section4 .title-index').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section4 .swiper-container').removeClass('a-fadein5').addClass('a-fadeout'); $('.index-section5 .count-data-list li:nth-child(1)').removeClass('a-fadeinB').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(2)').removeClass('a-fadeinB1').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(3)').removeClass('a-fadeinB2').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(4)').removeClass('a-fadeinB3').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(5)').removeClass('a-fadeinB4').addClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(6)').removeClass('a-fadeinB5').addClass('a-fadeoutB'); $('.index-section5 .right').removeClass('a-fadein5').addClass('a-fadeout'); }, 400) console.log('endChangeSection', nowpage) switch (nowpage) { case 0: setTimeout(function () { $('.index-section1 .lans').addClass('a-fadeinB').removeClass('a-fadeoutB'); }, 859) $('.header').removeClass('header_on') break; case 1: setTimeout(function () { $('.index-section2 .left').addClass('a-fadeinB1').removeClass('a-fadeoutB'); $('.index-section2 .right').addClass('a-fadeinT').removeClass('a-fadeoutT'); $('.index-section2 .right img').addClass('a-fadeinB').removeClass('a-fadeoutB'); }, 859) $('.header').addClass('header_on') break; case 2: $('.index-section3 .bg-section').addClass('on'); setTimeout(function () { $('.index-section3 .lans').addClass('a-fadein5').removeClass('a-fadeout'); $('.index-section3 .list').addClass('a-fadeinB2').removeClass('a-fadeoutB'); }, 859) $('.header').removeClass('header_on') break; case 3: $('.index-section4 .bg-section').addClass('on'); setTimeout(function () { $('.index-section4 .title-index').addClass('a-fadeinB').removeClass('a-fadeoutB'); $('.index-section4 .swiper-container').addClass('a-fadein5').removeClass('a-fadeout'); }, 859) $('.header').addClass('header_on') break; case 4: $('.index-section5 .bg-section').addClass('on'); setTimeout(function () { $('.index-section5 .count-data-list li:nth-child(1)').addClass('a-fadeinB').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(2)').addClass('a-fadeinB1').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(3)').addClass('a-fadeinB2').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(4)').addClass('a-fadeinB3').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(5)').addClass('a-fadeinB4').removeClass('a-fadeoutB'); $('.index-section5 .count-data-list li:nth-child(6)').addClass('a-fadeinB5').removeClass('a-fadeoutB'); $('.index-section5 .right').addClass('a-fadein5').removeClass('a-fadeout'); $.index.animateData(number, times) }, 859) $('.header').removeClass('header_on') break; case 5: $('.header').addClass('header_on') break; default: $('.header').removeClass('header_on') } } // S 鎵嬫満鏁堟灉:鎵嬪娍婊戝姩鎿嶄綔 //杩斿洖瑙掑害 function GetSlideAngle(dx, dy) { return Math.atan2(dy, dx) * 180 / Math.PI; } //鏍规嵁璧风偣鍜岀粓鐐硅繑鍥炴柟鍚 1锛氬悜涓婏紝2锛氬悜涓嬶紝3锛氬悜宸︼紝4锛氬悜鍙?0锛氭湭婊戝姩 function GetSlideDirection(startX, startY, endX, endY) { var dy = startY - endY; var dx = endX - startX; var result = 0; //濡傛灉婊戝姩璺濈澶煭 if (Math.abs(dx) < 2 && Math.abs(dy) < 2) { return result; } var angle = GetSlideAngle(dx, dy); if (angle >= -45 && angle < 45) { result = 4; } else if (angle >= 45 && angle < 135) { result = 1; } else if (angle >= -135 && angle < -45) { result = 2; } else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) { result = 3; } return result; } //1銆佸垵濮嬪寲绗竴灞忓弬鏁 initChangeSection(); // PC鏁堟灉 $(window).mousewheel(function (event) { //S 2銆佹粴鍔ㄥ睆骞曚簨浠讹紙鏍规嵁婊氬姩浜嬩欢锛屽灞忓箷鍜宨ndex杩涜瀵瑰簲鎿嶄綔锛 if (doing) { clearTimeout(time) oldpage = nowpage; // 涓婃粦鎿嶄綔锛堢敤鎴蜂笂婊戝苟涓旇繕鏈埌绗竴灞忥級 if (event.deltaY == 1 && nowpage >= 1) { console.log(nowpage, "鐢ㄦ埛涓婃粦骞朵笖杩樻湭鍒扮涓€灞?) upChangeSection(); } // 涓嬫粦鎿嶄綔锛堢敤鎴蜂笅婊戝苟涓斾笉瓒呰繃璁剧疆灞忔暟锛 else if (event.deltaY == -1 && nowpage < count) { console.log(nowpage, "鐢ㄦ埛涓嬫粦骞朵笖涓嶈秴杩囪缃睆鏁?) downChangeSection(); } //浜嬩欢鑺傛祦 //S 3銆侊紙鏍规嵁index锛屽鍐呴儴鍏冪礌杩涜鎿嶄綔锛 // if (doing) { endChangeSection(); // } //E 3銆侊紙鏍规嵁index锛屽鍐呴儴鍏冪礌杩涜鎿嶄綔锛 // console.log(event.deltaY, index, oldpage) doing = false; time = setTimeout(function () { doing = true }, 1100) //E 2銆佹粴鍔ㄥ睆骞曚簨浠讹紙鏍规嵁婊氬姩浜嬩欢锛屽灞忓箷鍜宨ndex杩涜瀵瑰簲鎿嶄綔锛 } }) // 鎵嬫満鏁堟灉 document.addEventListener('touchstart', function (ev) { startX = ev.touches[0].pageX; startY = ev.touches[0].pageY; }, false); document.addEventListener('touchend', function (ev) { var endX, endY; endX = ev.changedTouches[0].pageX; endY = ev.changedTouches[0].pageY; var direction = GetSlideDirection(startX, startY, endX, endY); if (doing) { clearTimeout(time) oldpage = nowpage; switch (direction) { case 0: // alert("娌℃粦鍔?); break; case 1: // alert("鍚戜笂=>涓嬫粦鎿嶄綔"); console.log(direction, nowpage, "鐢ㄦ埛涓嬫粦骞朵笖涓嶈秴杩囪缃睆鏁?) if (nowpage < count) { downChangeSection(); } break; case 2: console.log(direction, nowpage, "鐢ㄦ埛涓婃粦骞朵笖杩樻湭鍒扮涓€灞?) // alert("鍚戜笅=>涓婃粦鎿嶄綔"); if (nowpage >= 1) { upChangeSection() } break; case 3: // alert("鍚戝乏"); break; case 4: // alert("鍚戝彸"); break; default: } //浜嬩欢鑺傛祦 //S 3銆侊紙鏍规嵁index锛屽鍐呴儴鍏冪礌杩涜鎿嶄綔锛 // if (doing) { endChangeSection(); // } //E 3銆侊紙鏍规嵁index锛屽鍐呴儴鍏冪礌杩涜鎿嶄綔锛 // console.log(event.deltaY, index, oldpage) doing = false; time = setTimeout(function () { doing = true }, 1100) //E 2銆佹粴鍔ㄥ睆骞曚簨浠讹紙鏍规嵁婊氬姩浜嬩欢锛屽灞忓箷鍜宨ndex杩涜瀵瑰簲鎿嶄綔锛 } }, false); }, /** * @method indexBanner * @path index.html * @desc 杞挱 */ indexBanner: function () { var bg = new Swiper('.index-section1 .swiper-container.swiper-bg', { paginationClickable: true, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, effect: 'fade', speed: 800, onSlideChangeEnd: function (swiper) { // //鑾峰彇褰撳墠妯″潡鍐呭 // var now = $('.index-section1 .swiper-container.swiper-bg .swiper-slide:nth-child(' + (swiper.activeIndex + 1) + ')'); // //鑾峰彇涓婁釜妯″潡鍐呭 // var prev = $('.index-section1 .swiper-container.swiper-bg .swiper-slide:nth-child(' + (swiper.previousIndex + 1) + ')'); // //鍒ゆ柇褰撳墠鏄惁涓鸿棰 // if (now.children('div').hasClass('bg-video')) { // now.find('video').get(0).play(); // }else{ // setTimeout(function () { // lans.slideTo(swiper.activeIndex) // },7000) // } }, }) var lans = new Swiper('.index-section1 .lans .swiper-container ', { paginationClickable: true, pagination: '.index-section1 .swiper-pagination', observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, speed: 800, loop: true, autoplay: 8000, autoplayDisableOnInteraction: false }) lans.on("SlideChangeStart", function (swiper) { bg.slideTo(swiper.realIndex) }) // 涓€銆佺涓€灞忕殑杩炴帴绾 var count = 100; function wid() { if ($(window).width() <= 1024) { count = 50 } if ($(window).width() <= 768) { count = 25 } } wid() $(window).resize(function () { wid() }) //閰嶇疆 var config = { vx: 4, //灏忕悆x杞撮€熷害,姝d负鍙筹紝璐熶负宸 vy: 4, //灏忕悆y杞撮€熷害 height: 2, //灏忕悆楂樺锛屽叾瀹炰负姝f柟褰紝鎵€浠ヤ笉瀹滃お澶 width: 2, count: count, //鐐逛釜鏁 color: "255, 255, 255", //鐐归鑹 stroke: "130,255,255", //绾挎潯棰滆壊 dist: 10000, //鐐瑰惛闄勮窛绂 e_dist: 20000, //榧犳爣鍚搁檮鍔犻€熻窛绂 max_conn: 10 //鐐瑰埌鐐规渶澶ц繛鎺ユ暟 } //璋冪敤 CanvasParticle(config); }, /** * @method boliang * @path index.html * @desc 绗簩灞忔尝娴 */ boliang: function () { var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50; var container; var camera, scene, renderer; var particles, particle, count = 0; var mouseX = 0, mouseY = 0; var windowHalfX = window.innerWidth / 2; var windowHalfY = window.innerHeight / 2; init(); animate(); function init() { container = document.createElement('article'); // document.body.appendChild( container ); $(".index-section2").append(container) camera = new THREE.PerspectiveCamera(80, window.innerWidth / window.innerHeight, 1, 10000); camera.position.z = 1000; scene = new THREE.Scene(); particles = new Array(); var PI2 = Math.PI * 2; var material = new THREE.ParticleCanvasMaterial({ color: '#e3e6e8', program: function (context) { context.beginPath(); context.arc(0, 0, 1, 0, PI2, true); context.fill(); } }); var i = 0; for (var ix = 0; ix < AMOUNTX; ix++) { for (var iy = 0; iy < AMOUNTY; iy++) { particle = particles[i++] = new THREE.Particle(material); particle.position.x = ix * SEPARATION - ((AMOUNTX * SEPARATION) / 2); particle.position.z = iy * SEPARATION - ((AMOUNTY * SEPARATION) / 2); scene.add(particle); } } renderer = new THREE.CanvasRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); container.appendChild(renderer.domElement); document.addEventListener('mousemove', onDocumentMouseMove, false); document.addEventListener('touchstart', onDocumentTouchStart, false); document.addEventListener('touchmove', onDocumentTouchMove, false); // window.addEventListener('resize', onWindowResize, false); } function onWindowResize() { windowHalfX = window.innerWidth / 2; windowHalfY = window.innerHeight / 2; camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } function onDocumentMouseMove(event) { mouseX = event.clientX - windowHalfX; mouseY = event.clientY - windowHalfY; } function onDocumentTouchStart(event) { if (event.touches.length === 1) { event.preventDefault(); mouseX = event.touches[0].pageX - windowHalfX; mouseY = event.touches[0].pageY - windowHalfY; } } function onDocumentTouchMove(event) { if (event.touches.length === 1) { event.preventDefault(); mouseX = event.touches[0].pageX - windowHalfX; mouseY = event.touches[0].pageY - windowHalfY; } } function animate() { requestAnimationFrame(animate); render(); } function render() { camera.position.x += (camera.position.x) * .05; camera.position.y += (200 - camera.position.y) * .05; camera.lookAt(scene.position); var i = 0; for (var ix = 0; ix < AMOUNTX; ix++) { for (var iy = 0; iy < AMOUNTY; iy++) { particle = particles[i++]; particle.position.y = (Math.sin((ix + count) * 0.3) * 50) + (Math.sin((iy + count) * 0.5) * 50); particle.scale.x = particle.scale.y = (Math.sin((ix + count) * 0.3) + 1) * 2 + (Math.sin((iy + count) * 0.5) + 1) * 2; } } renderer.render(scene, camera); count += 0.1; } }, /** * @method indexCaseBanner * @path index.html * @desc 绗?灞忚疆鎾 */ indexCaseBanner: function () { var lans = new Swiper('.index-section3 .swiper-container.lans', { paginationClickable: true, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, pagination: '.index-section3 .swiper-pagination', touchRatio: '0', autoplay: 8000, }) var bg = new Swiper('.index-section3 .bg-container .swiper-container', { paginationClickable: true, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, effect: 'fade' }) var list = new Swiper('.index-section3 .list .swiper-container ', { slidesPerView: 7,//'auto' observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false }) $('.index-section3 .list .swiper-slide').on('click', function () { var index = $(this).index(); $('.index-section3 .list .swiper-slide').removeClass('on') $(this).addClass('on'); lans.slideTo(index); bg.slideTo(index); }) lans.on("SlideChangeEnd", function (swiper) { list.slideTo(swiper.realIndex) bg.slideTo(swiper.realIndex) if ($(window).width() >= 1199) { $('.index-section3 .list .swiper-slide').removeClass('on') $('.index-section3 .list .swiper-slide').eq(swiper.realIndex).addClass('on'); } }) }, /** * @method indexProBanner * @path index.html * @desc 绗?灞忚疆鎾 */ indexProBanner: function () { $('.secion-nav a').on('hover', function () { $('.news-index-list ').removeClass('on'); $('.secion-nav a').removeClass('on'); $(this).addClass('on'); $('.news-index-list').eq($(this).index()).addClass('on'); }) $('.secion-nav a').on('click', function () { $('.news-index-list ').removeClass('on'); $('.secion-nav a').removeClass('on'); $(this).addClass('on'); $('.news-index-list').eq($(this).index()).addClass('on'); }) function doStuff() { if ($('.secion-nav a').eq(0).hasClass('on')) { $('.secion-nav a').eq(1).click(); } else { $('.secion-nav a').eq(0).click(); } } setInterval(doStuff, 5000); var index = 0, total = 0; var index4banner = new Swiper('.index-section4-wrapper .swiper-container ', { slidesPerView: 1.5,//'auto' loop: true, // slidesPerGroup: 1, // autoplay:3000, //娉ㄦ剰椤癸細涓嶈兘璁剧疆鑷姩鎾斁锛屼笉鑳借缃嚜鍔ㄦ挱鏀 paginationClickable: true, pagination: '.index-section4-wrapper .swiper-pagination', observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, // prevButton: '.index-section4-wrapper .swiper-button-prev', // nextButton: '.index-section4-wrapper .swiper-button-next', breakpoints: { //褰撳搴﹀皬浜庣瓑浜?20 1024: { slidesPerView: 1 } }, onSlideChangeEnd: function (swiper) { total = swiper.slides.length - 2; index = swiper.realIndex; console.log(swiper.realIndex) } }) $('.index-section4-wrapper .swiper-button-prev').on('click', function () { index4banner.slidePrev() }) $('.index-section4-wrapper .swiper-button-next').on('click', function () { if (index == total - 1) { index4banner.slideTo(1) } else { index4banner.slideNext() } }) setInterval(function () { $('.index-section4-wrapper .swiper-button-next').click() }, 4000) } } // 鏂伴椈妯″潡闆嗗悎 $.news = { /** * @method changeFont * @path news_D.html * @desc 鏀瑰彉瀛椾綋 */ changeFont: function () { var size = 0; // 鍔犲ぇ $('.fs_lagren').on('click', function () { size = parseFloat($('.editors').css('font-size'), 10); size = size + 1; $('.editors').css('font-size', size) }) // 鍙樺皬 $('.fs_diminish').on('click', function () { size = parseFloat($('.editors').css('font-size'), 10); size = size - 1; $('.editors').css('font-size', size) }) }, } // 浜у搧妯″潡闆嗗悎 $.proSum = { proDswiper: function () { new Swiper('.pro-sum.swiper-container', { slidesPerView: 2, pagination: '.swiper-pagination', spaceBetween: 20, observer: true,//淇敼swiper鑷繁鎴栧瓙鍏冪礌鏃讹紝鑷姩鍒濆鍖杝wiper observeParents: true, autoplayDisableOnInteraction: false, }); }, /** * @method clickTitle * @path pro.html * @desc 浜у搧鍒楄〃灞曞紑闅愯棌 */ clickTitle: function () { $('.pro-sum .left .tit').on('click', function () { if ($(this).hasClass('on')) { $('.pro-sum .left .tit').removeClass('on'); $('.pro-sum .left .content').stop(true, true).slideUp() } else { $('.pro-sum .left .tit').removeClass('on'); $('.pro-sum .left .content').stop(true, true).slideUp() $(this).addClass('on'); $(this).siblings('.content').stop(true, true).slideDown() } }) }, /** * @method magnifier * @desc 浜у搧鏀惧ぇ闀滄晥鏋 */ // 浜у搧璇︽儏椤甸泦鍚 /** * @method magnifier * @desc 浜у搧鏀惧ぇ闀滄晥鏋 */ magnifier: function () { // 鍥剧墖涓婁笅婊氬姩 if ($(window).width() > 750) count = $("#imageMenu li").length - 5; else count = $("#imageMenu li").length - 2; $(window).resize(function () { if (count <= 0) $('.smallImgDown').addClass('disabled') else $('.smallImgDown').removeClass('disabled') if ($(window).width() > 750) count = $("#imageMenu li").length - 5 else count = $("#imageMenu li").length - 2 }) var interval = $("#imageMenu li:first").width(); var curIndex = 0; if (count <= 0) $('.smallImgDown').addClass('disabled') else $('.smallImgDown').removeClass('disabled') if ($(window).width() > 750) count = $("#imageMenu li").length - 5 else count = $("#imageMenu li").length - 2 $('.scrollbutton').click(function () { if ($(this).hasClass('disabled')) return false; if ($(this).hasClass('smallImgUp')) --curIndex; else ++curIndex; $('.scrollbutton').removeClass('disabled'); console.log(curIndex, count, curIndex == count - 1) if (curIndex == 0) $('.smallImgUp').addClass('disabled'); if (curIndex == count) $('.smallImgDown').addClass('disabled'); $("#imageMenu ul").stop(false, true).animate({"marginLeft": -curIndex * interval + "px"}, 600); }); // 瑙e喅 ie6 select妗 闂 $.fn.decorateIframe = function (options) { if ($.browser.msie && $.browser.version < 7) { var opts = $.extend({}, $.fn.decorateIframe.defaults, options); $(this).each(function () { var $myThis = $(this); //鍒涘缓涓€涓狪FRAME var divIframe = $("