##
我看到Windows 等软件的帮助文件，都是用的折叠式菜单，感
觉比较方便。
因此我想在网页中，用HTML也做一个折叠式菜单，实现同样功
能。而且可以任意增加或者修改内容，使之符合自己的需要。
问：在HTML中折叠式菜单是怎么做的？
答：在HTML中，编制折叠式菜单，它的好处是，不用编译就可
以运行，增加或修改内容都很方便；不用编辑关键词，可以进行全
文查找。
折叠式菜单的编制，一般常用的有两种方法： 使用脚本语言
(JS或VBS) 和仅使用HTML标准语句(不用JS或VBS)。
一、仅使用HTML标准语句的方法。
这种方法的好处是，开放性强，语句直观明白，增加和修改容
易操作。无论在哪种浏览器上都能运行，兼容性好。
编制实例。拟将2001、2002、2003年网页制作技巧的文章编成
折叠菜单。制作步骤：
１、排好菜单文件的顺序。
如一级菜单为0001.htm，二级菜单为001.htm,002.htm,
003.htm。 如果有三级菜单，可取01.htm,02.htm......。
２、一级菜单主要内容示例。
0001.htm
<table border='0' cellpadding='3' cellspacing='0'>
<tr><td><a href='001.htm'><b>2003年
网页添彩</b></a></td></tr>
<tr><td><a href='002.htm'><b>2002年
网页添彩</b></a></td></tr>
<tr><td><a href='003.htm'><b>2001年
网页添彩</b></a></td></tr>
</table>
３、二级菜单001.htm 部分内容示例
001.htm
<table border='0' cellpadding='3' cellspacing='0'>
<tr><td colspan=2><a href=0001.htm ><b>
2003年网页添彩</b></a></td></tr>
<tr><td> </td><td colspan=1><a
href="./wy03012.htm">生辉链接</a></td></tr>
<tr><td> </td><td colspan=1><a
href="./wy0213.htm">2002文萃</a></td></tr>
<tr><td colspan=2><a href=002.htm ><b>
2002年网页添彩</b></a></td></tr>
<tr><td colspan=2><a href=003.htm ><b>
2001年网页添彩</b></a></td></tr>
</table>
注：
1. 2003年网页添彩那一项，不能用001.htm，而要用
0001.htm ，否则菜单折叠不回去。
2. 一、二级菜单位置要错开，如一级菜单 colspan=2
二级菜单就置 colspan=1 。
3. 一、二级菜单的字体颜色，最好有所区别。本例一级菜
单用红字， 二级菜单就保持原样，或者用i 标签也可以。
４、二级菜单002.htm 部分内容示例
002.htm
<tr><td colspan=2><a href='001.htm'><b>
2003年网页添彩</b></a></td></tr>
<tr><td colspan=2><a href='0001.htm'><b>
2002年网页添彩</b></a></td></tr>
<tr><td> </td><td colspan=1><a
href="./wy02121.htm">加计数器</a></td></tr>
<tr><td> </td><td colspan=1><a
href="./wy02113.htm">疏影横斜</a></td></tr>
<tr><td colspan=2><a href='003.htm'><b>
2001年网页添彩</b></a></td></tr>
</table>
注：
1. 2002年网页添彩那一项，不能用002.htm，而要用
0001.htm 。
2. 其他菜单文件的内容以此类推。
详见: 在HTML中折叠式菜单实例 0001.htm
河石/编 2003.3.1
相关链接：
《熠熠生辉的链接是怎么做的？》
《批量html文件，如何合并？》
|
