一个简单的收缩菜单效果

更新时间：2007年03月05日 00:00:00 作者：

<table width="174">   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay0)" >网页设计</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=网面设计&amp;owen2=基础知识" target="_blank">基础知识</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=网面设计&amp;owen2=HTML和CSS" target="_blank">HTML和CSS</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=网面设计&amp;owen2=Dreamweaver" target="_blank">Dreamweaver</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=网面设计&amp;owen2=FrontPage" target="_blank">FrontPage</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=网面设计&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)" >编程开发</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=编程开发&amp;owen2=Asp" target="_blank">Asp</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=编程开发&amp;owen2=ASP.NET" target="_blank">ASP.NET</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=编程开发&amp;owen2=基础知识" target="_blank">JSP</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=编程开发&amp;owen2=基础知识" target="_blank">PHP</a></td>       </tr>       <tr>         <td>&nbsp;</td>         <td><a href="Teach_Dr.asp?owen1=编程开发&amp;owen2=基础知识" target="_blank">数据库</a></td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF"><a href="javascript:showmenu(lay4)" >网页特效</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=网页特效&amp;owen2=窗体特效" target="_blank">窗体特效</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=文本特效" target="_blank">文本特效</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=图像媒体" target="_blank">图像媒体</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=其它综合" target="_blank">其它综合</a></td>       </tr>     </table></td>   </tr> </table> <script language=JavaScript> function showmenu(strID){     var i;     for(i=0;i<=4;i++){         var lay;         lay = eval('lay' + i);         if (lay.style.display=="block" && lay!=eval(strID)){             lay.style.display = "none";         }     }     if (strID.style.display=="none"){         strID.style.display = "block";     }else{         strID.style.display = "none";     } } </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

一个简单的收缩菜单效果

Js智能判断浏览器是关闭还是刷新的代码
JavaScript判断浏览器是关闭还是刷新，其实觉得没有什么实用性，就算是作为Js学习的一个参考文档吧。
2010-09-09
JavaScript 表格高亮类的应用[高级]
比较高级的JavaScript表格高亮类的应用，代码中的Js可以摘出来单独作为一个表格高亮的修饰类，使用很方便，可以控制表格某行、某列甚至是行列同时高亮显示，运行一下可以看效果。
2009-11-11
用JavaScript获取网页中的js、css、Flash等文件
用JavaScript获取网页中的js、css、Flash等文件...
2006-12-12
网页设计常用的一些技巧
网页设计常用的一些技巧...
2006-12-12
炽热的文字
炽热的文字...
2006-11-11
新闻一段时间向上滚动效果
新闻一段时间向上滚动效果...
2006-08-08
兼容FF&IE的滚动代码
兼容FF&IE的滚动代码...
2007-01-01
从csdn弄下来的页面预先载入效果
从csdn弄下来的页面预先载入效果...
2007-03-03
颜色快速采集器javascript代码
颜色快速采集器代码非常不错，大家可以参考下。
2009-09-09
实用的层滑开js实现代码
一款实用简洁的层滑开特效代码，鼠标放到“111”上，所对应的层会缓冲展开，过会会自动闭合起来，兼容性好，各位有用到的自己美化一下。
2009-11-11