最强大的树型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.10.13

    分享到QQ空间后,让倒计时永远计下去!

    平时把一篇文章分享到QQ空间后,就会出现一个…

  3. 没有图片

    2010.03.03

    读取RSS Feed PHP代码

    为了实现网站页面里读取RSS Feed内容并…

  4. 没有图片

    2012.06.15

    简短而实用的WordPress随机日志调用代码

    此段调用代码可以用来制作碰碰运气,也可以用来…

  5. 没有图片

    2009.10.05

    基于Google Search的关键词工具

    Google工具直接根据Google搜索结果…

  6. 没有图片

    2012.11.19

    萌芽主机一周年,旗下MT主机限时活动开始!

    庆祝萌芽主机健康运营一周年,感谢一年来朋友们…

评论

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

    树型,经典!