$(function () { $(".nLi").hover(function(){ $(this).addClass("on"); $(this).siblings().removeClass("on"); $(this).find(".sub").slideToggle(); }) // tab切换 jQuery(".slideTxtBox").slide({}); var mySwiper2 = new Swiper('#swiper2', { autoplay: { delay: 5000, //1秒切换一次 }, loop: true, // 循环模式选项 // 如果需要分页器 pagination: { el: '.swiper-pagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '' + ' / ' + ''; }, }, navigation: { nextEl: '#swiper2 .swiper-button-next', prevEl: '#swiper2 .swiper-button-prev', }, }); var mySwiper3 = new Swiper('#swiper3', { // autoplay: { // delay: 5000, //1秒切换一次 // }, loop: true, // 循环模式选项 slidesPerView: 3, slidesPerGroup: 3, spaceBetween: 30, navigation: { nextEl: '.swiper3-swiper-button-next', prevEl: '.swiper3-swiper-button-prev', }, }); $("#swiper2 .swiper-button-next,#swiper2 .swiper-button-prev").hide(); $("#swiper2").hover(function () { $(this).find(".swiper-button-next,.swiper-button-prev").show(0); }, function () { $(this).find(".swiper-button-next,.swiper-button-prev").hide(0); }) // 轮播 var newsSwiper = new Swiper('#newsSwiper', { autoplay: { delay: 6000, }, centeredSlides: true, loop: true, pagination: { el: '#newsSwiper .swiper-pagination', clickable: true, }, // 如果需要前进后退按钮 navigation: { nextEl: '#newsSwiper .swiper-button-next', prevEl: '#newsSwiper .swiper-button-prev', }, }); var mySwiper4 = new Swiper('#swiper4', { autoplay: { delay: 5000, //1秒切换一次 }, loop: true, // 循环模式选项 pagination: { el: '.swiper-pagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '' + ' / ' + ''; }, }, navigation: { nextEl: '#swiper4 .swiper-button-next', prevEl: '#swiper4 .swiper-button-prev', }, }); $(".swiper-pagination-bullet").hover(function () { $(this).click(); //鼠标划上去之后,自动触发点击事件来模仿鼠标划上去的事件 }, function () { newsSwiper.autoplay.start(); //鼠标移出之后,自动轮播开启 }) })