页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

jquery拖动排列树型菜单jquery-sortable-lists

菜单导航 HTML我帮您 1年前  次浏览
jquery-sortable-lists可以通过鼠标进行拖动排列树型菜单,可以定义某个列表元素是否拖动,拖动后回调,点击可以折叠树型结点,可以用来在后台模仿wordpress后台拖动菜单,实现多级菜单。 jquery拖动排列树型菜单jquery-sortable-lists
var options = {
	opener: {
		active: true,
		close: './imgs/Remove2.png',
		open: './imgs/Add2.png',
		css: {
			'display': 'inline-block', // Default value
			'float': 'left', // Default value
			'width': '18px',
			'height': '18px',
			'margin-left': '-35px',
			'margin-right': '5px',
			'background-position': 'center center', // Default value
			'background-repeat': 'no-repeat' // Default value
		},
		// or like a class. Note that class can not rewrite default values. To rewrite defaults you have to do it through css object.
		class: 'yourClassName'
	}
}
$('#myList').sortableLists( options );

相关链接

发表评论