tree 目录的编辑

无论用什么制作网站时，都有可能要制作一个树状的目录。今天就把如何制作树状目录详细的介绍一下:

首先要分析一下自己的树状目录分为几级，如下图所示:

✪一级菜单

✪二级目录

✪三级目录

✪三级目录

 

 

✪一级菜单

✪二级目录

✪三级目录

✪三级目录

 

 

✪一级菜单

✪二级目录

✪三级目录

✪三级目录

 

 

再者在分析css样式;

然后插入“代码片段”。代码片段是在右侧里面的。吧代码片段放在<script></script>中

接下来

把二级目录所在的表格ID设置为“a1”、“a2”、“a3”，三级目录所在的表格设置为“a11”、“a21”、“a31”.

然后在吧光标放在页面部位，在右侧的行为中添加“onload”事件。代码为:“a1.style.display='none'”、“a2.style.display='none'”、“a3.style.display='none'”、“a11.style.display='none'”、“a21.style.display='none'”、:“a31.style.display='none'”

然后把贯标放在一级菜单位置，然后在右侧的行为事件中添加“onclick”行为，代码为:“with (findobj('a1').style){diaplay=display==''?'none':''}”;with(findobj('a1').style){this.style.backgroundimage=diaplay!='none'?'url(image/left_bg.jpg)':'url(image/left_arrow.jpg)'}；”、“a2.style.display='none'”、“a3.style.display='none'”、“a11.style.display='none'”、“a21.style.display='none'”、:“a31.style.display='none'”

其他几个一级菜单事件同上面的方法一样。

 

按照这样的步骤就可以作出相应的树状菜单效果了.