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

来源:https://www.sucaihuo.com/js/5123.html 2020-03-10 09:54浏览(399) 收藏

jQuery+Swiper5仿今日头条APP顶部导航菜单特效,支持触屏左右滑动,所点击菜单项居中。
jQuery+Swiper5仿今日头条APP顶部导航菜单特效
分类:导航菜单 > 滑动导航 难易:初级
查看演示 下载资源: 18 下载资源 下载积分: 30 积分

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>
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

  • 头像 沙发
    03-15 15:34
    小***鸟
    还有一点瑕疵
    要是能够,选中后,进到新页面,依然显示在中间就更好了
1 2