菜单（二级菜单）

一级菜单，div id是mian(i) 注意：i是数字；

二级菜单，div id是child（i）注意：i是数字

target属性是对应<iframe>标签的属性name，这表示在./zy-dzsw.html页面在<iframe>容器显示。

<a href="#">
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display==‘none‘)?‘‘:‘none‘">经济贸易学院</div></a>
<div id="child1" style="display:none;">
<a href="./zy-dzsw.html" target="zynr">电子商务</a><br>
<a href="./zy-scyx.html" target="zynr">市场营销</a><br>
<a href="#">国际贸易实务</a><br>
</div>

<a href="#"><div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display==‘none‘)?‘‘:‘none‘">交通与信息学院</div></a>
<div id="child2" style="display:none;">
<a href="#">计算机网络技术</a><br>
<a href="#">移动通信</a><br>
<a href="#">计算机系统维护</a><br>
</div>
<a href="#"><div id="main3" style="color:blue"

onclick="document.all.child4.style.display=(document.all.child4.style.display==‘none‘)?‘‘:‘none‘">生物工程学院</div></a>
<div id="child4" style="display:none;">
<a href="#">畜牧</a><br>
<a href="#">园艺技术</a><br>
</div>
</div>

菜单（二级菜单）

原文：http://www.cnblogs.com/costa92/p/4072366.html