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

    2010.03.25

    Adobe Flash Professional CS5 新功能

    Adobe Flash Profession…

  2. 没有图片

    2011.03.22

    12款免费的优秀高质量 HTML5+CSS3 模板

    HTML5是下一代主要的HTML编码规范,H…

  3. 2012.08.01

    WordPress主题 X5 正式发布

    现在大家看到的是我的新作品,主题结构来自11…

  4. 没有图片

    2010.11.02

    25个有用的PSD转CSS/XHTML基础教程

    现在你已经掌握熟练地设计PSD平面作品,但也…

  5. 没有图片

    2009.10.27

    菠萝筐启用WordPress代码高亮插件wp-syntax

    Image via Wikipedia 在博…

  6. 没有图片

    2012.12.12

    WordPress 3.5 正式版发布 李思章博客升级

    本来只打算更新一下WordPress插件技术…

评论

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

    树型,经典!