javascript dtree: javascript树型菜单 dtree

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

时间: 2024-09-15 23:28:14

javascript dtree: javascript树型菜单 dtree的相关文章

JavaScript实现无限级树型菜单

javascript|菜单 下载演示及代码: 点击这里下载源文件 一个很容易制作的树形菜单,你可以无限级的添加下级菜单,菜单是通过列表方式写成的!注意:使用时把head和body代码分别添加到相应区域内即可.

一个以Javascript+xml的树型列表

javascript|xml      这是在www.java2s.com网站下载的一个以Javascript+xml的树型列表,这个列表界面非常的漂亮,但是由于里面内容比较复杂,而现在项目需要用到这个列表,我到现在还没有摸清怎么在里面让点击一个树型的项目转到别的网页里面去,希望有兴趣的朋友一起研究一下.部分代码如下:  <script>   function dtmlXMLLoaderObject(funcObject,dhtmlObject){  this.xmlDoc="&qu

Div+CSS+JS树型菜单,可刷新

css|js|菜单|刷新 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&

用PHP实现windows资源管理器风格的树型菜单

window|菜单 以下是一个风格类似windows资源管理器的树型菜单 将下面的脚本包含到你的页面中 另外需要从资源管理器中截取一些gif图片,祥见脚本中的注释 菜单结构文件的格式为: tree level|item text|item link|link target|last item in subtree 例如 .<b>Demo menu</b>|javascript: alert('This is the demo menu for TreeMenu 1.0'); ..&

使用函数递归实现基于php和MySQL的动态树型菜单

mysql|菜单|递归|动态|函数 树型菜单在很多桌面应用系统中都有非常广泛的应用,其主要优点是结构清晰,利于使用者非常清楚的知道目前自己所在的位置.但在web上树型菜单的应用因 为没有理想的现成组件可以拿过来直接使用,所以一般的情况下,程序员主要是通过JavaScript来实现一些简单的树型结构菜单,但这些菜单往往都是事先定 好各菜单项目,以及各菜单项目之间的层次关系,不利于扩充,一旦需要另一个菜单结构时,往往还需要重新编写,因此使用起来不是很方便. 经过对函数递归的研究,我发现这种树型菜单可

跟我学做树型菜单(二)

菜单 续上篇 上一篇我们已经确定了树型菜单的功能,数据库结构,以及所要用到的一些函数.现在可以开始程序的设计了.由于树型菜单要在网页上实现动态展开子树的效果,所以需要用到DHTML.我们先来分析一下如何在客户端实现这样的动态效果. 一.实现动态菜单的客户端 在这里,我们先不管ASP的程序,仅来分析一下如何在客户端的网页中实现展开菜单的动态效果.首先,要展开一个子菜单,可以把子菜单放在一个图层或者一个表格里,用CSS样式里的dsiplay属性来控制它.如果把display属性设为none,则隐藏这

PHP实例:用PHP实现windows风格的树型菜单

以下是一个风格类似windows资源管理器的树型菜单,将下面的脚本包含到你的页面中,另外需要从资源管理器中截取一些gif图片,祥见脚本中的注释,菜单结构文件的格式为: tree level|item text|item link|link target|last item in subtree 例如 以下为引用的内容: .<b>Demo menu</b>|javascript: alert('This is the demo menu for TreeMenu 1.0'); ..&

实现基于php和MySQL的动态树型菜单

树型菜单在很多桌面应用系统中都有非常广泛的应用,其主要优点是结构清晰,利于使用者非常清楚的知道目前自己所在的位置.但在web上树型菜单的应用因为没有理想的现成组件可以拿过来直接使用,所以一般的情况下,程序员主要是通过JavaScript来实现一些简单的树型结构菜单,但这些菜单往往都是事先定好各菜单项目,以及各菜单项目之间的层次关系,不利于扩充,一旦需要另一个菜单结构时,往往还需要重新编写,因此使用起来不是很方便.   经过对函数递归的研究,我发现这种树型菜单可以通过递归函数,使树型菜单的显示实现

可刷新的Div+CSS+JS树型菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ