拖拽滚动slink菜单简单插件

最新推荐文章于 2024-07-18 10:01:45 发布

weixin_42133420

最新推荐文章于 2024-07-18 10:01:45 发布

阅读量198

点赞数

分类专栏： demo 文章标签： i

本文链接：https://blog.csdn.net/weixin_42133420/article/details/82052497

版权

demo 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

项目中优化有几个tab菜单需要拖拽切换菜单就简单的写了一个插件（第一次写有点丑）

demo

直接代码

<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开始
				},
                navclick:function(e){
			        //e.thisdom//点击的dom对象
		        }
			})
			$(".stn").click(function(){
				/*设置为不可滚动*/
				cs.setIs(false);
			})
</script>