利用了jquery 插件 jstree, 下载插件:http://www.jstree.com/
下面的代码基本就是jstree文档里的一个简单例子,只不过这里给出了完整的html代码,测试的话只需要把这些代码拷贝到一个新建的html文档里,从浏览器打开就可以看到树了。比较合适入门找感觉,更复杂的树定制就需要看网站的文档了,他的文档还是很全的。
=============html代码===============
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jstree.js"></script>
<script type="text/javascript">
$(function (){ $("#demo").jstree({
"xml_data" : { "data" : ""+
" " + " " + " Root node 1 " + " " +
" " + " Root node 2 " + " " +
" " + " Child node " + " " + "" },
"plugins" : ["themes","xml_data"] }); });
</script>
MyTree