最近比较清闲，自己做了个javascript nodetree，网上类似的东西其实挺多的，功能也比这个全，我做这个纯粹为了练练手。
图标可以自定义（16x16），菜单项完全是json类型定义的，方便修改。
界面：
使用方法：
1、将nodetree-json.js以及css文件夹复制到项目中并引用。
2、引用jquery框架。
3、修改nodetree-json.js中的nodetreemenu菜单项，以下是简单说明。
复制代码 代码如下:
var nodetreemenu = [
//id:节点id，pid：父节点id，没有父节点则为0，name:显示名称，img:显示图标，open:只有父节点存在此属性，子节点默认是否展开，file:只有子节点由此属性，点击后打开的页面
{ id: 1, pid: 0, name: 父节点一, img: css/images/001.png, open: true },
{ id: 101, pid: 1, name: 子节点一, img: css/images/002.png, file: http://www.cnblogs.com/nnzfly/ }//注意最后一行数据末尾一定不能加逗号！否则ie下报错！
]
4、在要显示nodetree的地方添加如下代码：
复制代码 代码如下:
5、在页面中添加如下代码：
复制代码 代码如下:
或者是（二者任选其一）：
nodetree(mainframe) 中，mainframe是目标frame的name，比如说导航栏在左边的frame里，右边显示的frame的name=“mainframe”。
实在不理解看看demo.htm的代码，就明白了。
附上源代码，感兴趣的可以看看～
http://dl.vmall.com/c0b7wda1ps
喜欢请点一下推荐，你的支持是我最大的动力！