jQuery+Swiper5仿今日头条APP顶部导航菜单特效

js代码

<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script type="text/javascript">
var TouchNav = new Swiper('#TouchNav', {
	freeMode: true,
	freeModeMomentumRatio: 0.5,
	centeredSlides : true,
	centeredSlidesBounds:true,
	slidesPerView: 'auto',
	on:{
		tap:function(){
			$("#TouchNav  .active").removeClass('active');
			$("#TouchNav .swiper-slide").eq(this.clickedIndex).addClass('active');
			TouchNav.slideTo(this.clickedIndex);
		}
	}
	
});
</script>