一个简单的收缩菜单效果-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

<table width="174">   <tr>     <td bgcolor="#99CCFF">网页设计</td>   </tr>   <tr id='lay0' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="12%"> </td>         <td width="88%">基础知识</td>       </tr>       <tr>         <td> </td>         <td>HTML和CSS</td>       </tr>       <tr>         <td> </td>         <td>Dreamweaver</td>       </tr>       <tr>         <td> </td>         <td>FrontPage</td>       </tr>       <tr>         <td> </td>         <td>Xhtml</td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF">FLASH</td>   </tr>   <tr id='lay1' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="11%"> </td>         <td width="89%">基础知识</td>       </tr>       <tr>         <td> </td>         <td>初级操作</td>       </tr>       <tr>         <td> </td>         <td>实例教学</td>       </tr>       <tr>         <td> </td>         <td>Action<a href=/pingce/yingyong/ target=_blank class=infotextkey>应用</a></td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF">平面设计</td>   </tr>   <tr id='lay2' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="13%"> </td>         <td width="87%">基础知识</td>       </tr>       <tr>         <td> </td>         <td>Photoshop</td>       </tr>       <tr>         <td> </td>         <td>Fireworks</td>       </tr>       <tr>         <td> </td>         <td>滤镜专辑</td>       </tr>       <tr>         <td> </td>         <td>CorelDraw</td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF">编程开发</td>   </tr>   <tr id='lay3' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="13%"> </td>         <td><a href=/itjie/ASPjishu/ target=_blank class=infotextkey>ASP</a></td>       </tr>       <tr>         <td> </td>         <td><a href=/itjie/ASPjishu/ target=_blank class=infotextkey>ASP</a>.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a></td>       </tr>       <tr>         <td> </td>         <td>JSP</td>       </tr>       <tr>         <td> </td>         <td><a href=/itjie/phpjishu/ target=_blank class=infotextkey>php</a></td>       </tr>       <tr>         <td> </td>         <td>数据库</td>       </tr>     </table></td>   </tr>   <tr>     <td bgcolor="#99CCFF">网页特效</td>   </tr>   <tr id='lay4' style="display:none;">     <td><table width="100%" border="0" cellspacing="0">       <tr>         <td width="13%"> </td>         <td>窗体特效</td>       </tr>       <tr>         <td> </td>         <td>菜单特效</td>       </tr>       <tr>         <td> </td>         <td>文本特效</td>       </tr>       <tr>         <td> </td>         <td>鼠标特效</td>       </tr>       <tr>         <td> </td>         <td>图像媒体</td>       </tr>       <tr>         <td> </td>         <td>时间日期</td>       </tr>       <tr>         <td> </td>         <td>其它综合</td>       </tr>     </table></td>   </tr> </table>

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

JavaScript技术：一个简单的收缩菜单效果，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读