一个简单的收缩菜单效果

<table width="174"> 
  <tr> 
    <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay0)" _ewebeditor_ta_href="javascript%3Ashowmenu(lay0)" >网页设计</a></td> 
  </tr> 
  <tr id='lay0' style="display:none;"> 
    <td><table width="100%" border="0" cellspacing="0"> 
      <tr> 
        <td width="12%"> </td> 
        <td width="88%"><a href="Teach_Dr.asp?owen1=网面设计&owen2=基础知识" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3D%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86" target="_blank">基础知识</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网面设计&owen2=HTML和CSS" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DHTML%E5%92%8CCSS" target="_blank">HTML和CSS</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网面设计&owen2=Dreamweaver" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DDreamweaver" target="_blank">Dreamweaver</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网面设计&owen2=FrontPage" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DFrontPage" target="_blank">FrontPage</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网面设计&owen2=Xhtml" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DXhtml" target="_blank">Xhtml</a></td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay1)" _ewebeditor_ta_href="javascript%3Ashowmenu(lay1)" >FLASH</a></td> 
  </tr> 
  <tr id='lay1' style="display:none;"> 
    <td><table width="100%" border="0" cellspacing="0"> 
      <tr> 
        <td width="11%"> </td> 
        <td width="89%"><a href="Teach_Dr.asp?owen1=Flash&owen2=基础知识" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3DFlash%26amp%3Bowen2%3D%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86" target="_blank">基础知识</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=Flash&owen2=初级操作" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3DFlash%26amp%3Bowen2%3D%E5%88%9D%E7%BA%A7%E6%93%8D%E4%BD%9C">初级操作</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=Flash&owen2=实例教学" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3DFlash%26amp%3Bowen2%3D%E5%AE%9E%E4%BE%8B%E6%95%99%E5%AD%A6" target="_blank">实例教学</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=Flash&owen2=Action应用" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3DFlash%26amp%3Bowen2%3DAction%E5%BA%94%E7%94%A8" target="_blank">Action应用</a></td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay2)" _ewebeditor_ta_href="javascript%3Ashowmenu(lay2)" >平面设计</a></td> 
  </tr> 
  <tr id='lay2' style="display:none;"> 
    <td><table width="100%" border="0" cellspacing="0"> 
      <tr> 
        <td width="13%"> </td> 
        <td width="87%"><a href="Teach_Dr.asp?owen1=平面设计&owen2=基础知识" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3D%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86" target="_blank">基础知识</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=平面设计&owen2=Photoshop" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DPhotoshop">Photoshop</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=平面设计&owen2=Fireworks" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DFireworks">Fireworks</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=平面设计&owen2=滤镜专辑" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3D%E6%BB%A4%E9%95%9C%E4%B8%93%E8%BE%91" target="_blank">滤镜专辑</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=平面设计&owen2=CorelDraw" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%26amp%3Bowen2%3DCorelDraw" target="_blank">CorelDraw</a></td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay3)" _ewebeditor_ta_href="javascript%3Ashowmenu(lay3)" >编程开发</a></td> 
  </tr> 
  <tr id='lay3' style="display:none;"> 
    <td><table width="100%" border="0" cellspacing="0"> 
      <tr> 
        <td width="13%"> </td> 
        <td><a href="Teach_Dr.asp?owen1=编程开发&owen2=Asp" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BC%96%E7%A8%8B%E5%BC%80%E5%8F%91%26amp%3Bowen2%3DAsp" target="_blank">Asp</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=编程开发&owen2=ASP.NET" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BC%96%E7%A8%8B%E5%BC%80%E5%8F%91%26amp%3Bowen2%3DASP.NET" target="_blank">ASP.NET</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=编程开发&owen2=基础知识" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BC%96%E7%A8%8B%E5%BC%80%E5%8F%91%26amp%3Bowen2%3D%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86" target="_blank">JSP</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=编程开发&owen2=基础知识" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BC%96%E7%A8%8B%E5%BC%80%E5%8F%91%26amp%3Bowen2%3D%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86" target="_blank">PHP</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=编程开发&owen2=基础知识" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BC%96%E7%A8%8B%E5%BC%80%E5%8F%91%26amp%3Bowen2%3D%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86" target="_blank">数据库</a></td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay4)" _ewebeditor_ta_href="javascript%3Ashowmenu(lay4)" >网页特效</a></td> 
  </tr> 
  <tr id='lay4' style="display:none;"> 
    <td><table width="100%" border="0" cellspacing="0"> 
      <tr> 
        <td width="13%"> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=窗体特效" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E7%AA%97%E4%BD%93%E7%89%B9%E6%95%88" target="_blank">窗体特效</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=菜单特效" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E8%8F%9C%E5%8D%95%E7%89%B9%E6%95%88" target="_blank">菜单特效</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=文本特效" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E6%96%87%E6%9C%AC%E7%89%B9%E6%95%88" target="_blank">文本特效</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=鼠标特效" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E9%BC%A0%E6%A0%87%E7%89%B9%E6%95%88" target="_blank">鼠标特效</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=图像媒体" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E5%9B%BE%E5%83%8F%E5%AA%92%E4%BD%93" target="_blank">图像媒体</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=时间日期" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E6%97%B6%E9%97%B4%E6%97%A5%E6%9C%9F" target="_blank">时间日期</a></td> 
      </tr> 
      <tr> 
        <td> </td> 
        <td><a href="Teach_Dr.asp?owen1=网页特效&owen2=其它综合" _ewebeditor_ta_href="Teach_Dr.asp%3Fowen1%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%26amp%3Bowen2%3D%E5%85%B6%E5%AE%83%E7%BB%BC%E5%90%88" target="_blank">其它综合</a></td> 
      </tr> 
    </table></td> 
  </tr> 
</table> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3DJavaScript%3E%20%0D%0Afunction%20showmenu(strID)%7B%20%0D%0A%20%20%20%20var%20i%3B%20%0D%0A%20%20%20%20for(i%3D0%3Bi%3C%3D4%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20lay%3B%20%0D%0A%20%20%20%20%20%20%20%20lay%20%3D%20eval('lay'%20%2B%20i)%3B%20%0D%0A%20%20%20%20%20%20%20%20if%20(lay.style.display%3D%3D%22block%22%20%26%26%20lay!%3Deval(strID))%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20lay.style.display%20%3D%20%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if%20(strID.style.display%3D%3D%22none%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20strID.style.display%20%3D%20%22block%22%3B%20%0D%0A%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20strID.style.display%20%3D%20%22none%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程