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

    10个实用的 WordPress .htaccess技巧

    文章转自水脉烟香,非常有价值,转发过来与更多…

  2. 没有图片

    2011.04.25

    52个干净的基于CSS标签的导航代码

    无论我们是在制作网站还是博客,我们都会使用导…

  3. 没有图片

    2010.09.20

    Discuz! X1.5正式版发布

    康盛旗下产品Discuz! X1.5 正式版…

  4. 没有图片

    2013.11.04

    如何开启 Windows 8.1 远程桌面

    Windows 8.1 远程桌面默认是被系统…

  5. 没有图片

    2009.07.20

    Discuz! 7.0 升级后 html 帖无法解析的解决办法

    Discuz!7.0 正式版对发 html …

  6. 没有图片

    2011.06.08

    卡巴斯基发布Anti-Virus 与 Internet Security 2012

    大家熟悉的老牌杀毒软件卡巴斯基 Anti-V…

评论

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

    树型,经典!