$(‘.headnav_item’).hover(function () { $(this).find(‘.headnavxl’).stop().slideDown(); $(this).find(‘.headnav_itema’).addClass(‘on’); // 添加’on’ class到.headnav_itema }, function () { $(this).find(‘.headnavxl’).stop().slideUp(); $(this).find(‘.headnav_itema’).removeClass(‘on’); // 移除’on’ class从.headnav_itema }); $(window).scroll(function () { var scrollTop = $(this).scrollTop(); if (scrollTop > 100) { $(‘.head’).addClass(‘on’); } else { $(‘.head’).removeClass(‘on’); } }); $(window).scroll(); $(‘.menu-toggle’).click(function () { $(‘body’).toggleClass(‘no-touchs’); }); $(‘.headnav_item’).hover(function () { if ($(this).find(‘.headnav_itemxl’).length > 0) { // 判断是否有下拉菜单 $(‘#navoverlay’).css(‘opacity’, ‘1’).show(); // 设置透明度为1并显示元素 } }, function () { $(‘#navoverlay’).css(‘opacity’, ‘0’); // 设置透明度为0 }); // 监听过渡结束事件 $(‘#navoverlay’).on(‘transitionend’, function () { if ($(this).css(‘opacity’) == ‘0’) { $(this).hide(); } }); //手机导航 $(‘.menu-toggle’).click(function () { $(‘.cd-nav-container’).toggleClass(“is-visible”) }) $(‘.mbnav_item>i’).click(function () { // 替换字体图标类名 $(this).toggleClass(‘on’) $(‘.mchildren:visible’).slideUp().siblings().find(‘i’).removeClass(‘on’) var subnav = $(this).parents(‘li’).find(‘.mchildren’) if (subnav.is(‘:hidden’)) { subnav.slideDown() } else { subnav.slideUp() }; }) var bannerSwiper = new Swiper(“.banner_swiper”, { spaceBetween: 0, loop: false, effect: ‘fade’, pagination: { el: ‘.banner_jdt’, clickable: true }, autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { nextEl: ‘.banner_next’, prevEl: ‘.banner_prev’, }, on: { init: function () { swiperAnimateCache(this); // 初始化动画缓存 swiperAnimate(this); // 触发动画 }, slideChangeTransitionStart: function () { swiperAnimateCache(this); // 在slide切换开始时重新初始化动画缓存 swiperAnimate(this); // 在slide切换开始时触发动画 } // 移除slideChangeTransitionEnd事件，以避免冲突 } }); $(‘.banner_down’).click(function () { // 获取目标div的距离文档顶部的偏移量 var targetOffset = $(‘.product’).offset().top – 60; // 执行页面滚动动画 $(‘html, body’).animate({ scrollTop: targetOffset }, 500); // 500是滚动动画的持续时间 }); var countCXArr = []; var countCX = function () { $(‘.numCount’).each(function (i, dom) { if (countCXArr[i] && countCXArr[i] === true) { return; } var sT; var ncTop; sT = $(window).scrollTop(); ncTop = $(dom).offset().top; var id, decimals, startVal, endVal, duration; if (sT > ncTop – $(window).height() && sT < ncTop) { $(dom).find('.numCX').each(function () { id = $(this).attr('id'); decimals = $(this).attr('data-decimals'), startVal = $(this).attr('data-startVal'), endVal = $(this).attr('data-endVal'), duration = $(this).attr('data-speed'); new CountUp(id, startVal, endVal, decimals, duration, { useEasing: true, //效果 separator: '' //数字分隔符 }).start(); // target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象 countCXArr[i] = true; }) } }) } countCX(); $(window).on("scroll", function () { countCX(); }) // 默认的 Cube 切换效果 var reasonlSwiper = new Swiper(“.reasonl_swiper”, { effect: ‘cube’, autoplay: ‘false’, cubeEffect: { slideShadows: true, shadow: true, shadowOffset: 10, shadowScale: 0.94, }, on: { init: function () { var reasonIndex = this.activeIndex; $(‘.reasonbox_r .reasonbox_ritem’).eq(reasonIndex).addClass(‘on’).siblings().removeClass(‘on’); }, slideChangeTransitionStart: function () { var reasonIndex = this.activeIndex; $(‘.reasonbox_r .reasonbox_ritem’).eq(reasonIndex).addClass(‘on’).siblings().removeClass(‘on’); } } }); // 检测窗口宽度 function checkWindowSize() { if (window.innerWidth < 992) { // 如果窗口宽度小于992像素，则初始化正常的滚动效果 reasonlSwiper.destroy(); // 销毁 Cube 切换效果 reasonlSwiper = new Swiper(".reasonl_swiper", { autoplay: 'false', effect: 'fade', autoHeight: true, on: { init: function () { var reasonIndex = this.activeIndex; $('.reasonbox_r .reasonbox_ritem').eq(reasonIndex).addClass('on').siblings().removeClass('on'); }, slideChangeTransitionStart: function () { var reasonIndex = this.activeIndex; $('.reasonbox_r .reasonbox_ritem').eq(reasonIndex).addClass('on').siblings().removeClass('on'); } } }); } } // 初始检测窗口宽度 checkWindowSize(); // 在窗口大小发生变化时再次检测窗口宽度 window.addEventListener('resize', checkWindowSize); // 处理移动端点击事件 $('.reasonbox_r .reasonbox_ritem').on('click', function () { var ritemIndex = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); reasonlSwiper.slideTo(ritemIndex, 1000, false); }); $('.reasonbox_r .reasonbox_ritem').hover(function () { var ritemIndex = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); reasonlSwiper.slideTo(ritemIndex, 1000, false); }); var partnerSwiper = new Swiper(‘.partner_container’, { // slidesPerView: 1.5, spaceBetween: 0, centeredSlides: true, // 中间居中 loop: true, // 循环模式 speed: 800, // 调整速度值以实现缓和的加速度 pagination: { el: ‘.partner_pagination’, clickable: true, }, navigation: { nextEl: ‘.partner_next’, prevEl: ‘.partner_prev’, }, breakpoints: { 767: { slidesPerView: 1, }, 768: { slidesPerView: 1.5, } } }); var newsSwiper = new Swiper(‘.news_container’, { direction: ‘vertical’, slidesPerView: 8, spaceBetween: 0, loop: true, speed: 800, autoplay: { delay: 2000, // 自动播放间隔时间为3秒 disableOnInteraction: false, // 用户交互后仍然自动播放 }, }); var container = document.querySelector(‘.news_container’); container.addEventListener(‘mouseenter’, function () { newsSwiper.autoplay.stop(); // 鼠标进入时停止自动播放 }); container.addEventListener(‘mouseleave’, function () { newsSwiper.autoplay.start(); // 鼠标离开时继续自动播放 }); $(‘.footernav_itemt i’).click(function() { // 替换字体图标类名 $(this).toggleClass(‘icon-add icon-jianhao’) $(‘.footernav_itemb:visible’).slideUp().siblings(‘.footernav_itemt’).find(‘i’).addClass(‘icon-add’).removeClass(‘icon-jianhao’) var subnav1 = $(this).parents(‘.footernav_item’).find(‘.footernav_itemb’) // console.log(subnav.is(‘:hidden’)); if (subnav1.is(‘:hidden’)) { subnav1.slideDown() } else { subnav1.slideUp() }; }) $(document).ready(function () { // 监听滚动事件 $(window).scroll(function () { // 获取滚动距离 var scrollDistance = $(window).scrollTop(); // 当滚动距离超过120px时显示按钮，否则隐藏按钮 if (scrollDistance > 150) { $(“.topbtn”).addClass(‘on’) } else { $(“.topbtn”).removeClass(‘on’) } }); $(window).scroll() $(“.topbtn”).click(function () { // 让页面滚动到顶部 $(“html, body”).animate({ scrollTop: 0 }, 800); }); }); $(‘.footer_yxitem’).hover(function () { $(this).find(‘.footer_yxitemdw’).stop().slideDown() }, function () { $(this).find(‘.footer_yxitemdw’).stop().slideUp() })