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