一个简单的收缩菜单效果

更新时间：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实现代码
一款实用简洁的层滑开特效代码，鼠标放到“111”上，所对应的层会缓冲展开，过会会自动闭合起来，兼容性好，各位有用到的自己美化一下。
2009-11-11
模仿动画的放大缩小容器
放大缩小容器仿动画首先要兼容IE\FF滴然后有一个环境与条件：必须是使用em单位布局。因为这个是利用字号做缩放效果，并且兼容fontSize各项单位，例如px、cm、pt等。
2008-05-05
用JavaScript获取网页中的js、css、Flash等文件
用JavaScript获取网页中的js、css、Flash等文件...
2006-12-12
判断两种颜色值是否为相似颜色
判断两种颜色值是否为相似颜色...
2006-12-12
一段好玩的JavaScript代码
一段好玩的JavaScript代码...
2006-12-12
新闻一段时间向上滚动效果
新闻一段时间向上滚动效果...
2006-08-08
JavaScript网页制作特殊效果用随机数
JavaScript网页制作特殊效果用随机数...
2007-05-05
炽热的文字
炽热的文字...
2006-11-11
非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签
非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签...
2007-05-05
firefox(火狐)和ie浏览器禁止右键和禁止复制的代码
多浏览器兼容的禁止右键和禁止复制的代码。
2009-09-09

一个简单的收缩菜单效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具