如何用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>

设置后即可使生成的.html文件保存在根目录，详细步骤：

1、首先先检查PHPSTUDY软件的Apache与MYSQL是否全部开启，如果没有，则打不开网站。如图所示，Apache显示红色框，则表明没有打开。

2、我们需要重新启动一下Apache，启动的时候，如果点击【启动】不能启动Apache，可用鼠标右键点击Apache单项启动,启动成功界面如下所示。

3、启动成功后，我们需要打开织梦网站的后台啦，登录步骤省略，直接打开网站后台，找到留言板栏目，如箭头所指。

4、然后查看留言板栏目的右部，点击【更改】，箭头已经指出。

5、进入更改界面，进入默认的常规选项，在文件保存目录中删除默认目录，输入/，斜杠表示根目录。默认页名称根据自己的实际情况修改。

6、该好后点击右侧的【高级选项】，进入【高级选项】界面，修改这一设置，可以保证根目录文件更新。

7、给留言板一个模板，列表模板与留言表模板保持一致，这样才能保证出来你需要的页面。

8、点击确定，更新一下留言表模板，查看网站根目录，我们会发现我们需要的页面。

---