文件名称：jQuery+ul+javascript 实现的跨浏览器多级菜单
文件大小：24KB
文件格式：RAR
更新时间：2013-02-14 16:32:07
jQuery+ul 跨浏览器 菜单 javascript
/** * ///////////////////////////////////////////////// * * jQuery+ul 实现的跨浏览器菜单树 * 通过测试浏览器 ie6.0+,firefox3.5,safari3.2,opera10.0,Chrome4.0 * jquery版本：1.3.2 * * * * 用法: * // 构造菜单树对象 * var themenuTree = $("#thetree").makeTree({type:"1"}); * * // 添加菜单项 * themenuTree.addItem ( {id:"0151",pid:"015",title:"菜单项一",click:menuItemClick,data:""} ); * themenuTree.addItem ( {id:"01511",pid:"0151",title:"子菜单项",click:menuItemClick,data:""} ); * * // 获取菜单树选中项的 data 数据 * var val = themenuTree.value(); * * 说明: * 在容器对象 #thetree 上调用 makeTree(option)来构造菜单对象,再调用 addItem 方法添加菜单项 * * 菜单树对象方法： * * makeTree 方法,构造菜单树对象 * json 参数: * @param fold: boolean 菜单初始状态 true 折叠 false 打开,默认为 true * @param close: boolean 打开菜单项时是否关闭不相关的菜单 true 关闭 false 不关闭,默认为 false * @param icon: boolean 是否显示前置图标 true 显示 false 不显示,默认为 true * @param type: string 菜单类型,可取值有 1 树形菜单 2 多选树形菜单 3 单选树形菜单 4 横向弹出菜单 5 导航菜单 ,默认为 1 * @param closedImg: string 折叠状态图标路径 * @param openedImg: string 打开状态图标路径 * @param rightImg: string 右指向箭头图标路径 * @param downImg: string 下指向箭头图标路径 * @param overCss: string 菜单项移入样式类,默认为 .overCss{background-color:green;} * @param outCss: string 菜单项移出样式类,默认为 .outCss{background-color:yellow;} * @param activeCss: string 菜单项活动样式类 * @return 菜单树对象 * * addItem 方法,添加菜单项 * json 参数: * @param id: string 菜单项id * @param pid: string 父项id * @param title: string 显示标题 * @param click: function 单击事件处理方法 * @param data: object 附加数据 * * value 方法,获取菜单树选中菜单项的 data 数据 * @param all: boolean true 返回所有选中菜单项,false 只返回叶节点菜单项 * @return array * * ////////////////////////////////////// * */
【文件预览】：
ctree
----right.gif(56B)
----demo.html(6KB)
----CTree.min.js(8KB)
----jquery-1.3.2.min.js(56KB)
----Thumbs.db(4KB)
----opened.gif(67B)
----closed.gif(72B)
----down.gif(53B)