dtree是一个javascript组件库,可以很容易的构造树形结构的菜单。

下载地址:http://www.destroydrop.com/javascripts/tree/default.html

add()
Adds a node to the tree.
Can only be called before the tree is drawn.
id, pid and name are required.
Parameters
Name Type Description
id Number Unique identity number.
pid Number Number refering to the parent node.

The value for the root node has to be -1.
name String Text label for the node.
url String Url for the node.
title String Title for the node.
target String Target for the node.
icon String Image file to use as the icon. Uses default if not specified.
iconOpen String Image file to use as the open icon. Uses default if not specified.
open Boolean Is the node open.
以上是dtree的API介绍,最主要的函数是add(),了解它的参数用法

add()的第一个参数表示node的唯一的Id,第二个参数为node的父亲节点,

第三个参数表示该节点的链接……..

Demo:

<script type="text/javascritpt" >
   d = new dTree('d');     //这个一定要注意两点:1,d必须是全局变量,
                           // 2,dTree('d')与d不是使用相同的名字
    d.add(0,-1,'My example tree');
    d.add(1,0,'Node 1','example01.html');
    d.add(2,1,'Node 2','example01.html');
    d.add(3,1,'Node 1.1','example01.html');
    d.add(4,0,'Node 3','example01.html');
    d.add(5,3,'Node 1.1.1','example01.html');
    d.add(6,5,'Node 1.1.1.1','example01.html');
    d.add(7,0,'Node 4','example01.html');
    d.add(8,1,'Node 1.2','example01.html');
    document.write(d);///通过调用d.toString()方法把
                      //dTree转化为string类型的html的代码,
                      //加入到你想放的的地方
 
</script>

下篇文章将介绍使用dTree和jQurey框架如何动态从.xml文件中生成树状菜单

本文地址:http://www.yaronspace.cn/blog/?p=22 来自yaronspace.cn  本文链接:http://yaronspace.cn/blog/archives/22