移动端web模拟导航可点击 自动滑动

来源:https://www.sucaihuo.com/js/1784.html 2017-04-21 17:58浏览(4969) 收藏

有详细参数说明

移动端web模拟导航可点击 自动滑动觉得很实用就第一时间与大家分享,直接可以拿来使用,适合于网站的帮助中心和常见问题模块,大家好好利用哦。。。
移动端web模拟导航可点击 自动滑动
分类:导航菜单 > 响应式 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用css +jquery

<script src="jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/flexible.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="js/navbarscroll.js"></script>

demo示例一到四 通过lass调取,一句可以搞定,用于页面中可能有多个导航的情况 demo示例五 通过id调取 demo示例六 通过id调取

$('.wrapper').navbarscroll();
$('#demo05').navbarscroll({
			defaultSelect:6,
			endClickScroll:function(obj){
				console.log(obj.text())
			}
		});
$('#demo06').navbarscroll({
			defaultSelect:3,
			scrollerWidth:6,
			fingerClick:1,
			endClickScroll:function(obj){
				console.log(obj.text())
			}
		});
评论0
头像

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

1 2