下拉式导航菜单
效果看到了吧
菜单一
l1
l2
l3
菜单二
l11
l12
l13
菜单三
l111
l112
l113
脚本说明: 把如下代码加入<body>区域中 <script> function hideAll() { for(i=0;i<odiv.length;i++) { odiv[i].style.display="none"; } } function showObj(num) { if (odiv[num].style.display=="none") { hideAll(); odiv[num].style.display="inline"; } else { odiv[num].style.display="none"; } } </script> <table> <tr > <td> <a href="#" onclick="showObj(0)">菜单一</a><br> <div id="odiv" style="display:none">l1<br>l2<br>l3</div> </td> </tr> <tr > <td> <a href="#" onclick="showObj(1)">菜单二</a><br> <div id="odiv" style="display:none">l11<br>l12<br>l13</div> </td> </tr> <tr > <td> <a href="#" onclick="showObj(2)">菜单三</a><br> <div id="odiv" style="display:none">l111<br>l112<br>l113</div> </td> </tr> </table>