JS折疊菜單

2024-09-05 12:19:20

字體：大中小

來源：轉載

供稿：網友

小巧另類的折疊菜單，用在首頁非常合適，鼠標點擊后會展開菜單項，不占用過多網頁空間，可作為導航來使用。

<html><head><title>小巧的折疊菜單</title><SCRIPT LANGUAGE="JavaScript"><!-- Beginvar refer=true;function combo() {if (refer) {  document.all.contents.style.visibility="visible";  refer=false;}else {  document.all.contents.style.visibility="hidden";  refer=true;}}</script></head><body><table align="center"><tr><td><table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">  <tr>    <td bgcolor="FF9900">      <font color=#FFFFFF> 腳本資源實例    </td>    <td align="right" width="21">      <img src="" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()"  onclick="javascript:window.open(this.src);" style="CURSOR: pointer"></td>  </tr></table><div   class="iwvjtn8m0"   id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">  <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">  <tr>    <td bgcolor="FF9900">      <font face="verdana" size="2">      Ajax |         ExtJS |        jQuery |      </td>  </tr></table></td></tr></table></body></html>

上一篇：CSS頂部隱藏菜單

下一篇：QQ菜單（DIV+JS可展開、折疊）