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 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可展开、折叠）