最强大的树型JS代码 dTree

dtree 树型代码

这几天因为帮老婆设计网站,为一个学院设计一个在线教学平台,因为教材的章节较多,就想到了使用树型结构来实现,经过一番搜索,终于找到一个应该说是最强大的树型JS代码dTree,说这个代码强大,大家可能传说我又来标题党了,其实我不是标题党,有证据:最专业的图片站桌面城市正在使用此代码!大家可以查看他的源码,最上面就显示着dTree的版权信息:

<script src="/javascripts/dtree.js?1200470582" type="text/javascript"></script>

dTree可以不用添加任何页面而直接用代码实现多个栏目,并可以实现无限分子栏目,效果特别好!下面是官方介绍的优点:

  • Unlimited number of levels(无限分级)
  • Can be used with or without frames(可用于框架或非框架页面)
  • Remembers the state of the tree between pages(在不同页面之间可记住当前状态)
  • Possible to have as many trees as you like on a page(可以得到你想要数量的树型)
  • All major browsers suported(支持的浏览器)
    • Internet Explorer 5+
    • Netscape 6+
    • Opera 7+
    • Mozilla
  • Generates XHTML 1.0 strict validated output(严格支持XHTML 1.0)
  • Alternative images for each node(每个节点用图片代替)

菠萝制作的中文版在线演示:

在线配置生成自己的树型目录:
http://www.destroydrop.com/javascripts/tree/example/

完整版下载:http://www.destroydrop.com/javascripts/tree/dtree.zip

具体使用方法,以后有时间再写,大家可以去论坛交流,也可以Q我。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 2011.11.21

    25个美食网站WEB设计欣赏

    菠萝一般不研究美食的,不过今天整理出25个美…

  2. 没有图片

    2010.03.17

    三个可以托管上Twitter的源码:Twitese,Rabr,Dabr

    Twitter已经是墙外之特,我们只能望墙兴…

  3. 没有图片

    2009.08.26

    我看好的个人博客平台 PivotX

    现在大家都在使用 WordPress 来做个…

  4. 没有图片

    2009.10.26

    Mozilla Weave -Mozilla官方发布书签同步插件

    以前一直使用Xmarks书签同步工具来存储我…

  5. 没有图片

    2013.12.31

    MacBook 校准电池方法

    如果您的便携式 Mac 配备有可拆装电池,请…

  6. 2017.01.09

    实用的 Table CSS 样式

    搞过了很多前端,用过不少的表格优化代码,今天…

评论

  1. 左岸读书 2009.12.04 9:53下午

    树型,经典!