最强大的树型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. 没有图片

    2009.10.18

    Firefox链接预览插件 CoolPreviews

    就像Wordpress代码一样,Firefo…

  2. 没有图片

    2011.05.17

    WordPress Multisite 显示站点ID

    WordPress Multisite 后台…

  3. 没有图片

    2011.11.19

    32个漂亮的带JS特效的个人卡片Web站点

    一直在寻找这些漂亮的个人卡片模板,找了很多,…

  4. 2012.05.13

    WordPress超简洁主题oiLost V1.0发布

    又一款原创Wordpress超级简洁主题正式…

  5. 2011.04.22

    WordPress主题: LSZ Thinky Pro V3.1 发布

    本来我的博客很早就启用这款LSZ Think…

  6. 没有图片

    2011.01.05

    WordPress日志分类去掉 ul li 标签

    当我们在制作WordPress主题的时候,会…

评论

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

    树型,经典!