欢迎到访爱收集博客,喜欢就Ctrl+D收藏吧!

点击登录
  • 欢迎访问网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站

拖拽滚动tab菜单 简单插件

js插件 qaqcn 211次浏览 0个评论

项目中优化有几个tab菜单需要拖拽切换菜单就简单的写了一个插件(第一次写有点丑)
demo
需要引用jquery

<script type="text/javascript" src="jquery.min-2.1.1.js"></scrip
<script src="./js/DragTab.js"></script>
<script type="text/javascript">
		var cs = $(".tk-content").dragTab({
				'navItem':".tk-nav li",  //nav 选项的class
				"itemOn":"navon", //选中样式
				"cItem":".tk-itme", //内容区域的div
				"DragTabBox":".tk-box", //整个滑动的div
				before: function(e) {

				},
				process: function(e) {

				},
				end: function(e){
					console.log(e.index); //e.index 第几页 0开始
				}
			})
			$(".stn").click(function(){
				/*设置为不可滚动*/
				cs.setIs(false);
			})
</script>
添加nav点击事件
                navclick:function(e){
			//e.thisdom//点击的dom对象
		}

爱收集 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明拖拽滚动tab菜单 简单插件
喜欢 (0)
支付宝[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址