`

dtree的介绍

    博客分类:
  • web
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>tree.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
 <link rel="stylesheet" type="text/css" href="dtree/dtree.css">
 <script type="text/javascript" src="dtree/dtree.js"></script>
 <script type="text/javascript">
  
  /**
   *    参数说明:
                  id         :节点自身的id
                  pid       :节点的父节点的id
                  name    :节点显示在页面上的名称
                  url        :节点的链接地址
                  title      :鼠标放在节点上所出现的提示信息
                  target   :节点链接所打开的目标frame(如框架目标mainFrame,_blank,_self 类)
                  icon      :节点关闭时的显示图片的路径
                  iconOpen:节点打开时的显示图片的路径
                  open    :布尔型,节点是否打开(默认为false)
                 注:open项:顶级节点一般采用true,即pid是-1的节点

   */
  var tree = new dTree('tree');
  
  tree.add(0,-1,'书店分类信息树','http://www.baidu.com','书店分类树');
  tree.add(1,0,'C C++ VC VC++','http://www.baidu.com','C C++ VC VC++');
  tree.add(2,0,'Basic VB VB Script','http://www.baidu.com','Basic VB VB Script');
  tree.add(3,0,'计算机等级考试','http://www.baidu.com','计算机等级考试');
  tree.add(4,0,'计算机理论','http://www.baidu.com','计算机理论');
  tree.add(5,0,'.NET','http://www.baidu.com','.NET');
  tree.add(6,0,'Perl','http://www.baidu.com','Perl');
  tree.add(7,0,'网站开发','http://www.baidu.com','网站开发');
  
  tree.add(8,0,'其他','http://www.baidu.com','其他');
  tree.add(9,0,'ASP.NET','http://www.baidu.com','ASP.NET');
  tree.add(10,0,'WINDOWS','http://www.baidu.com','WINDOWS');
  tree.add(11,0,'电子商务','http://www.baidu.com','电子商务');
  tree.add(12,0,'Java','http://www.baidu.com','Java');
  
  
  tree.add(13,7,'HTML XML','http://www.baidu.com','HTML XML');
  tree.add(14,7,'Java Script Java','http://www.baidu.com','Java Script Java');
  tree.add(15,7,'CSS Div','http://www.baidu.com','CSS Div');
  tree.add(16,0,'C#','http://www.baidu.com','C#');
  
  tree.add(17,12,'J2EE','http://www.baidu.com','J2EE');
  tree.add(18,17,'spring','http://www.baidu.com','spring');
  tree.add(19,17,'JSP','http://www.baidu.com','JSP');
  tree.add(20,17,'hibernate','javascript:show();','hibernate','_self');
  
  document.write(tree);
  
  function show(){
   alert('hehe');
  }
 </script>
  </head>
 
  <body>
   
  </body>
</html>

0
0
分享到:
评论

相关推荐

    Dtree动态树菜单

    1. **Dtree介绍**: Dtree通常是一个JavaScript库或者框架的一部分,用于构建可扩展的、交互式的树形菜单。这样的菜单在网页应用中特别有用,特别是那些需要管理层次结构数据的系统,如文件管理系统、组织结构图、...

    dTree+jquery实现动态树形

    1. **dTree介绍** dTree是一个纯JavaScript实现的树形控件,它可以无需依赖任何其他库独立工作,但与jQuery结合使用时,可以更好地利用jQuery提供的DOM操作、事件处理和动画效果。dTree提供了创建、遍历和操作树形...

    DTree源码注释及使用示例及性能建议

    #### DTree介绍 DTree是一款JavaScript树形结构插件,由Geir Landrø开发,版本号为2.05,发布于destroydrop.com网站。该插件允许自由使用,但需保留版权信息。DTree的主要功能是创建和管理动态的树形结构数据,...

    dtree所需要的dtree.css和dtree.js文件(包括图标)

    API文档会详细介绍每个函数的用途、参数和返回值,帮助开发者快速上手。同时,案例代码能帮助开发者理解如何在实际项目中应用这些API,通常包含了一些基本的使用示例和复杂场景的解决方案。 标签"jsp"表明这个dtree...

    dtree 使用详细介绍

    ### dtree 使用详解:开发者的高效工具 #### 引言 在现代Web开发中,树状结构的展示和管理是常见的需求之...通过本文的介绍,相信读者已经对dtree有了深入的了解,接下来就让我们在实际项目中发挥dtree的强大潜力吧!

    DTree控件介绍_原创

    **DTree控件详解** DTree控件是一种在软件开发中常见的用于展示层次结构数据的图形界面组件。它通常被用在需要展示目录结构、组织架构、产品分类等场景,以树状的形式来呈现信息,使得用户能够清晰地看到各个元素...

    dtree

    在这个介绍中,我们将深入探讨dtree的制作原理、基本应用以及如何复用这个组件。 首先,理解树(Tree)这种数据结构至关重要。树由节点(Node)组成,每个节点可以有零个或多个子节点。在dtree中,每个节点通常包含...

    dtree jsp 中使用,dtree jsp 中使用

    下面将详细介绍如何在JSP中集成和使用`dtree`。 1. **dtree库的引入** 在使用`dtree`之前,首先需要在项目中引入相关的资源文件。这包括`dtree`的JavaScript文件和CSS样式文件。通常,这些文件会包含在压缩包中,...

    dtree.zip|dtree.zip|dtree.zip

    2. **api.html** - 这个文件可能是API(应用程序接口)的文档,详细介绍了如何使用提供的决策树库。它可能包含了函数、方法、参数等信息,帮助开发者理解和集成dtree.js到他们的项目中。 3. **example01.html** - ...

    dTree.js下载+API文档.rar

    `api.html`是dTree的API文档,它详细介绍了dTree的各种方法、属性和事件。例如,`init()`方法用于初始化树形结构,`add()`方法用于添加节点,`select()`用于选择特定节点,而`expand()`和`collapse()`则用于展开或...

    dtree实现的树支持多选

    以下将详细介绍dtree实现多选树的核心知识点: 1. **DHTML与JavaScript基础**:DTree基于DHTML(Dynamic HTML)技术,利用JavaScript动态改变HTML文档的结构、样式和内容。JavaScript是实现页面交互的关键,负责...

    dtree建立树形目录

    例如,`api.html`很可能是介绍这些API的文档。 4. **示例代码**:`example01.html`是一个基础示例,展示了如何初始化和使用`dtree`。它可能包含了如何定义目录数据、如何调用API以及如何与用户交互的代码。 5. **...

    dtree使用说明及示例演示

    压缩包中的"dtree资料"可能包含了dtree的原理介绍、实例代码、可视化工具使用指南等资源。通过深入学习这些资料,你可以更全面地理解dtree的工作原理,掌握其在实际项目中的应用技巧,并提高解决复杂问题的能力。 ...

    DTree用法.pdf

    DTree的官方下载地址和帮助文档可以从其官方网站获取,文档中详细介绍了DTree的安装方式、使用说明、方法参数、配置项等信息,以及版本更新历史。 在实际应用中,开发者需要按照DTree的API文档来编写相应的...

    dtree教程

    ### dtree教程详解 在IT领域,特别是在前端开发中,构建直观、易用的界面是提升用户体验的关键之一。其中,树形控件(Tree Component)因...以上就是关于`dtree`教程的详细介绍,希望对学习和使用该库的开发者有所帮助。

    Dtree+Jquery 资料

    7. **插件扩展**:DTree可能有其他扩展功能或插件,如搜索、多选、拖放排序等,资料会介绍如何使用这些扩展。 8. **兼容性和性能优化**:如何确保DTree在不同浏览器上的兼容性,以及如何优化大量节点时的性能。 9....

    dtree包及使用说明

    本篇主要介绍`dtree`包及其在Java和JavaScript环境下的使用方法。 `dtree`包是一个专门为JavaScript设计的库,它允许开发者创建和操作无限级别的树形结构。在JavaScript中,由于其动态类型和灵活性,实现这样的功能...

    带节点点击事件的DTree

    通过以上介绍,我们可以看到【带节点点击事件的DTree】是一个强大且灵活的前端组件,它结合了树形结构、事件处理和动态数据加载等多种功能,为开发人员提供了构建交互式界面的有效工具。在实际项目中,开发者可以...

    DTREE java

    ### DTREE Java 技术详解 #### 一、概述 DTREE是一个强大的树形菜单组件,虽然其描述中...通过以上介绍,我们可以看到DTREE不仅功能强大,而且易于集成到现有的Java Web项目中,为用户提供更加直观、友好的界面体验。

    我修改的dtree,可以动态增加,修改,删除

    #### 一、背景介绍 在现代Web开发中,树形结构(如组织架构、文件目录等)是非常常见的数据展示方式。dtree作为一个轻量级的JavaScript插件,被广泛用于构建这类结构。然而,在实际应用中,我们经常遇到需要对树节点...

Global site tag (gtag.js) - Google Analytics