如何用HTML做树状的目录

可以通过jQuery的treeview插件实现，基本实现代码如下：

<link rel="stylesheet" href="../jquery.treeview.css" type="text/css" />

<script src="../js/jquery.js"></script>

<script type="text/javascript" src="../js/jquery.treeview.js"></script>

<script src="../js/jquery.cookie.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#red").treeview({

animated: "fast",

collapsed: true,

unique: true,

toggle: function() {

window.console &&console.log("%o was toggled", this)

}

})

})

</script>

html如下：

<ul id="red">

<li class="open"><span>北京市</span>

<ul>

<li class="open"><span>西城区</span>

<ul>

<li class="open"><span>西直门</span>

<ul>

<li><span>西环广场</span></li>

</ul>

</li>

<li><span>马甸</span>

<ul>

<li><span>浙江大厦</span></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

A

解释：

使用img 标签

具体参数

<img src='图片文件路径 名称' width='图片宽度' height='图片高度' border='0 or 1 是否显示边框'>

其他的参数不常用。

可以搜索一下。

<TD class='tree_TdPtbg' vAlign=top><% call ShowSmallClass_Tree() %></TD>

到CSS里加

.tree_TdPtbg {

FONT-SIZE: 120px

}

---