一個簡單的收縮菜單效果

更新時間：2007年03月05日 00:00:00 作者：

<table width="174">   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay0)" >網(wǎng)頁設計</a></td>   </tr>   <tr id='lay0' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="12%">&nbsp;</td>         <td width="88%"><a href="Teach_Dr.asp?owen1=網(wǎng)面設計&amp;owen2=基礎知識" target="_blank">基礎知識</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)面設計&amp;owen2=HTML和CSS" target="_blank">HTML和CSS</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)面設計&amp;owen2=Dreamweaver" target="_blank">Dreamweaver</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)面設計&amp;owen2=FrontPage" target="_blank">FrontPage</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)面設計&amp;owen2=Xhtml" target="_blank">Xhtml</a></td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay1)" >FLASH</a></td>   </tr>   <tr id='lay1' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="11%">&nbsp;</td>         <td width="89%"><a href="Teach_Dr.asp?owen1=Flash&amp;owen2=基礎知識" target="_blank">基礎知識</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=Flash&amp;owen2=初級操作">初級操作</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=Flash&amp;owen2=實例教學" target="_blank">實例教學</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=Flash&amp;owen2=Action應用" target="_blank">Action應用</a></td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay2)" >平面設計</a></td>   </tr>   <tr id='lay2' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="13%">&nbsp;</td>         <td width="87%"><a href="Teach_Dr.asp?owen1=平面設計&amp;owen2=基礎知識" target="_blank">基礎知識</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=平面設計&amp;owen2=Photoshop">Photoshop</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=平面設計&amp;owen2=Fireworks">Fireworks</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=平面設計&amp;owen2=濾鏡專輯" target="_blank">濾鏡專輯</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=平面設計&amp;owen2=CorelDraw" target="_blank">CorelDraw</a></td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay3)" >編程開發(fā)</a></td>   </tr>   <tr id='lay3' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="13%">&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=編程開發(fā)&amp;owen2=Asp" target="_blank">Asp</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=編程開發(fā)&amp;owen2=ASP.NET" target="_blank">ASP.NET</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=編程開發(fā)&amp;owen2=基礎知識" target="_blank">JSP</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=編程開發(fā)&amp;owen2=基礎知識" target="_blank">PHP</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=編程開發(fā)&amp;owen2=基礎知識" target="_blank">數(shù)據(jù)庫</a></td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay4)" >網(wǎng)頁特效</a></td>   </tr>   <tr id='lay4' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="13%">&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=窗體特效" target="_blank">窗體特效</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=菜單特效" target="_blank">菜單特效</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=文本特效" target="_blank">文本特效</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=鼠標特效" target="_blank">鼠標特效</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=圖像媒體" target="_blank">圖像媒體</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=時間日期" target="_blank">時間日期</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=網(wǎng)頁特效&amp;owen2=其它綜合" target="_blank">其它綜合</a></td>       </tr>     </table></td>   </tr> </table>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]