这几天因为帮老婆设计网站,为一个学院设计一个在线教学平台,因为教材的章节较多,就想到了使用树型结构来实现,经过一番搜索,终于找到一个应该说是最强大的树型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我。
树型,经典!