一个简单的收缩菜单效果

<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%"><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpnaLorr7orqEmb3dlbjI95Z+656GA55+l6K+G" target="_blank" rel="nofollow">基础知识</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpnaLorr7orqEmb3dlbjI9aHRtbOWSjGNzcw==" target="_blank" rel="nofollow">html和css</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpnaLorr7orqEmb3dlbjI9ZHJlYW13ZWF2ZXI=" target="_blank" rel="nofollow">dreamweaver</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpnaLorr7orqEmb3dlbjI9ZnJvbnRwYWdl" target="_blank" rel="nofollow">frontpage</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpnaLorr7orqEmb3dlbjI9eGh0bWw=" target="_blank" rel="nofollow">xhtml</a></td> </tr> </table></td> </tr> <tr> <td bgcolor="#99ccff"><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbWphdmFzY3JpcHQ6c2hvd21lbnUobGF5MSk=" target="_blank" rel="nofollow">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="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT1mbGFzaCZvd2VuMj3ln7rnoYDnn6Xor4Y=" target="_blank" rel="nofollow">基础知识</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT1mbGFzaCZvd2VuMj3liJ3nuqfmk43kvZw=" target="_blank" rel="nofollow">初级操作</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT1mbGFzaCZvd2VuMj3lrp7kvovmlZnlraY=" target="_blank" rel="nofollow">实例教学</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT1mbGFzaCZvd2VuMj1hY3Rpb27lupTnlKg=" target="_blank" rel="nofollow">action应用</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%"><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3lubPpnaLorr7orqEmb3dlbjI95Z+656GA55+l6K+G" target="_blank" rel="nofollow">基础知识</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3lubPpnaLorr7orqEmb3dlbjI9cGhvdG9zaG9w" target="_blank" rel="nofollow">photoshop</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3lubPpnaLorr7orqEmb3dlbjI9ZmlyZXdvcmtz" target="_blank" rel="nofollow">fireworks</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3lubPpnaLorr7orqEmb3dlbjI95ruk6ZWc5LiT6L6R" target="_blank" rel="nofollow">滤镜专辑</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3lubPpnaLorr7orqEmb3dlbjI9Y29yZWxkcmF3" target="_blank" rel="nofollow">coreldraw</a></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="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvJbnqIvlvIDlj5Emb3dlbjI9YXNw" target="_blank" rel="nofollow">asp</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvJbnqIvlvIDlj5Emb3dlbjI9YXNwLm5ldA==" target="_blank" rel="nofollow">asp.net</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvJbnqIvlvIDlj5Emb3dlbjI95Z+656GA55+l6K+G" target="_blank" rel="nofollow">jsp</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvJbnqIvlvIDlj5Emb3dlbjI95Z+656GA55+l6K+G" target="_blank" rel="nofollow">php</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvJbnqIvlvIDlj5Emb3dlbjI95Z+656GA55+l6K+G" target="_blank" rel="nofollow">数据库</a></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><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI956qX5L2T54m55pWI" target="_blank" rel="nofollow">窗体特效</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI96I+c5Y2V54m55pWI" target="_blank" rel="nofollow">菜单特效</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI95paH5pys54m55pWI" target="_blank" rel="nofollow">文本特效</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI96byg5qCH54m55pWI" target="_blank" rel="nofollow">鼠标特效</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI95Zu+5YOP5aqS5L2T" target="_blank" rel="nofollow">图像媒体</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI95pe26Ze05pel5pyf" target="_blank" rel="nofollow">时间日期</a></td> </tr> <tr> <td> </td> <td><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbXRlYWNoX2RyLmFzcD9vd2VuMT3nvZHpobXnibnmlYgmb3dlbjI95YW25a6D57u85ZCI" target="_blank" rel="nofollow">其它综合</a></td> </tr> </table></td> </tr> </table>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]