$(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(); //鼠标移出之后,自动轮播开启
})
})