JavaScript NodeTree导航栏(菜单项JSON类型/自制)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript NodeTree导航栏(菜单项JSON类型/自制)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1350字，纯文字阅读大概需要2分钟。

内容图文

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 
喜欢请点一下推荐，你的支持是我最大的动力！
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JavaScript NodeTree导航栏(菜单项JSON类型/自制)全部内容，希望文章能够帮你解决JavaScript NodeTree导航栏(菜单项JSON类型/自制)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端