swiper左右滑动时导航高亮 - 前端笔记

JavaScript Code复制内容到剪贴板

//section7
var swiper7 = new Swiper('#swiper7', {
onSlideChangeEnd: function(swiper){
$('#section7 .m_subNav .swiper-slide').eq(swiper.activeIndex).addClass('act').siblings().removeClass('act')
console.log('第几个高亮', swiper.activeIndex) //切换结束时，告诉我现在是第几个slide
}
})
$('#section7 .m_subNav .swiper-slide').click(function () {
swiper7.slideTo($(this).index(), 1000, false);//切换到第一个slide，速度为1秒
$(this).addClass('act').siblings().removeClass('act')
})