手机版

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

时间:2021-10-04 来源:互联网 编辑:宝哥软件园 浏览:

最近自己做了一个JavaScript NodeTree。网上类似的东西还挺多的,功能也比这个完整。我这样做纯粹是为了练手。图标可以自定义(16X16),菜单项完全由JSON类型定义,方便修改。接口:

用法:1。将NodeTree-JSON.js和CSS文件夹复制到项目中并引用它。2.参考JQuery框架。3.修改NodeTree-JSON.js中的NodeTreeMenu菜单项以下是简要说明。复制代码如下: var Node Tree Menu=[//Id : Node ID,pId:父节点ID,0如果没有父节点,name:显示名称,img:显示图标,open:在父节点上只有这个属性,子节点是否默认展开,file:在子节点上只有这个属性。点击打开的页面{id: 1,pId: 0,名称: '父节点一',img:' CSS/images/001.png ',open: true},{id3360 101,pid3360 1,名称: '子节点一',Img :' CSS/images/002.png ',文件: ' 3358 www.cnblogs.com/nnzfly/'}//pay注意事实否则在IE下报错!] 4.在要显示NodeTree的地方添加以下代码:复制代码如下: ul id='NodeTree-JSON' /ul 5。在页面上添加以下代码:复制代码如下: script type=' text/JavaScript ' $(function(){ node tree('大型机');});/script或(两者之一):script type=' text/JavaScript ' window . onload=function(){ node tree('大型机');} /script NodeTree('mainFrame '),mainFrame是目标框架的名称,例如,导航栏在左侧框架中,右侧显示的框架名称为“mainFrame”。我真的不明白。看看demo.htm的代码就知道了。附上源代码,有兴趣的可以看一下~ http://dl.vmall.com/c0b7wda1ps喜欢,请点击推荐,你的支持是我最大的动力!

版权声明:JavaScript NodeTree导航栏(菜单项JSON类型/自制)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。