最近比较清闲，自己做了个JavaScript NodeTree，网上类似的东西其实挺多的，功能也比这个全，我做这个纯粹为了练练手。
图标可以自定义（16X16），菜单项完全是JSON类型定义的，方便修改。
[b]界面[/b]：
[img]http://files.jb51.net/file_images/article/201302/201321150509523.jpg?20131115613[/img]
[b]使用方法[/b]：
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的地方添加如下代码：
<ul id="NodeTree-JSON">
</ul>
5、在页面中添加如下代码：
<script type="text/javascript">
$(function () {
NodeTree("mainFrame");
});
</script>或者是（二者任选其一）：
<script type="text/javascript">
window.onload=function (){
NodeTree("mainFrame");
}
</script>
NodeTree("mainFrame") 中，mainFrame是目标frame的name，比如说导航栏在左边的frame里，右边显示的frame的name=“mainFrame”。
实在不理解看看demo.htm的代码，就明白了。
附上源代码，感兴趣的可以看看～
http://dl.vmall.com/c0b7wda1ps
喜欢请点一下推荐，你的支持是我最大的动力！
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
