• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

javascript dtree: javascript树型菜单_js

javascript 搞代码 7年前 (2018-06-13) 202次浏览 已收录 0个评论

js代码很简洁,但是实现了所有树形菜单应有的功能,安装和使用都很简单,特别是从数据库恢复成一棵树变得非常容易。下载包里自带一些常用图标,只需简单的操作,就可以实现看起来相当专业的树形菜单。
 
详细介绍应用dtree构建一个JavaScript树型菜单及其中参数配置说明
这几天写了个网站
,用了一个javascript写的树型菜单,有网友问我要这个代码,很奇怪,了解一下,原来网上很多文章都在讨论js树型菜单,看了几个实例,发现确实没有我用的这个好,因此baidu了一下,略作整理,希望大家不要浪费无用功。

首先说我用的这个js树型菜单,不是我做的是一个老外写的—dtree。
这个无限级可刷新js树型菜单 dtree
1、可设置无限级菜单
2、不必使用框架
3、可刷新,多页面内跳转不会影响菜单
4、可限级创造子树
5、支持目前主流浏览器:ie5,6,7
6、节点图片可设置切换图片效果
解压缩dtree.zip 包。
dtree目录下包括这些文件:example01.html 、 dtree.js 、 api.html 、 dtree.css 和img目录     
注意:除了api.html之外,其它的文件都是必须拷贝的。api.html是dtree的函数介绍。
打开example01.html文件
    <link rel="stylesheet" href="css/dtree.css" type="text/css" /> 
    <script type="text/javascript" src="js/dtree.js"></script> 
必须引用的两个文件。
生成树 节点的代码:
     <script type="text/javascript"> 
        <!– 
        d = new dtree(’d’);//创建一个树对象 
        d.add(0,-1,’my example tree’); //创建一个树对象 
        d.add(1,0,’node 1’,’example01.html’); 
        d.add(2,0,’node 2’,’example01.html’); 
        d.add(3,1,’node 1.1’,’example01.html’);  本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20120604/27951.html

欢迎大家阅读《javascript dtree: javascript树型菜单…_js》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript dtree: javascript树型菜单_js
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址