您的位置:首页 > Web前端 > JQuery

jquery lightTreeview 树形菜单研究心得

2011-06-29 12:47 176 查看
$('#demo3').lightTreeview({  //指定需要转化成treeview的ul或ol
collapse: true, //是否允许收缩或展开树型菜单。默认为true
line: true, //是否始用连接线。默认为true。你也可以直接对根节点加入类“treeview-noline”来实现同样的效果
nodeEvent: true,  //是否将节点标题的点击也绑定菜单收缩展开的事件。默认为true
unique: false,  //同级节点是否互斥。默认为false
animate: 200,  //动画效果。0为无效果。默认为200
style: 'red',  //菜单风格。目前有默认,灰色,红色,黑色,fam 共5种风格,风格可以通过添加CSS来增加。你也可以直接对根节点加入类“treeview-风格名称”来实现同样的效果
fileico: false,  //是否显示文件的图标。默认为false。你也可以对节点的DOM加入类“treeview-file”来实现同样的效果
folderico: false  //是否显示节点文件夹的图标。默认为false。你也可以对节点的DOM加入类“treeview-folder”来实现同样的效果
});

//开启指定的菜单,第一个参数为指定菜单的选择器,第二个参数为动画效果
$.lightTreeview.open('#demo3 ul',200);
//关闭指定的菜单,第一个参数为指定菜单的选择器,第二个参数为动画效果
$.lightTreeview.close('#demo3 ul',200);
//切换指定的菜单的样式(关闭变打开,打开变关闭),第一个参数为指定菜单的选择器,第二个参数为动画效果
$.lightTreeview.toggle('#demo3 ul',200);

上面的就是jquery lightTreeview树形菜单的属性,不过比较郁闷的是每次网页打开时,所有的菜单都是展开的,没有我想要的那种先是合起来的,点击时才能打开。

自己研究了半天,最好还是没有完成想要的那种效果,有点郁闷,还要继续研究中.......
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: