jQuery粘性选项卡导航菜单滑动跳转特效

来源:https://www.sucaihuo.com/js/5183.html 2021-01-20 09:27浏览(214) 收藏

jQuery粘性选项卡导航菜单滑动跳转特效,网页下接固定在顶部。
jQuery粘性选项卡导航菜单滑动跳转特效
分类:导航菜单 > 滑动导航 难易:初级
查看演示 下载资源: 3 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-3.5.1.min.js"></script>
	<script src="./js/index.js"></script>
	<script>
		var option = {
			paddingTop: "10px",
			paddingBottom: "10px",
			fontSize: "15px",
			showNum: 5,
			tab:{
				list:[//选项集合
					{content: '选项1'},
					{content: '选项2'},
					{content: '选项3'},
					{content: '选项4'},
					{content: '选项5'}
				],
				selectIndex: 0//选中选项索引
			},
			areaList:[//选项对应跳转区域集合
				{selector: '#s1'},
				{selector: '#s2'},
				{selector: '#s3'},
				{selector: '#s4'},
				{selector: '#s5'}
			],
			skipTime: 300  //跳转所需时间
		}
		initTab(option)
	</script>
评论0
头像

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

1 2