自己用jquery写了一个后台侧导航弹出菜单，希望能够对大家有用

页面部分bbb.html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>bbb.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="css/menu2.css">
    <script type="text/javascript" src="jslib/jquery1.2.6.js"></script>
<script type="text/javascript" src="jslib/jquerymenu2.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  </head>
  
  <body>
    这是庞瑞峰写的一个jquery的下拉菜单实例 <br>
    <table>
    <tr>
    <td background="image/title.gif" width="158" height="45"></td>
    </tr>
    <tr>
    <td background="image/title_bg_quit.gif" width="158" height="25" style="font-size: 12px">管理首页 | 注销 </td>
    </tr>
    <tr>
    <td bgcolor="#a7bad8" height="45" style="font-size: 12px">您的用户名：庞瑞峰<br>您的身份：系统管理员</td>
    </tr>
    
    <tbody>
    <tr class="menu"><td background="image/title_bg_quit.gif" width="158" height="25"><a href="#">用户管理</a></td></tr>
    <tr class="submenu"><td>增加用户</td></tr>
    <tr class="submenu"><td>删除用户</td></tr>
    <tr class="submenu"><td>修改用户</td></tr>
    </tbody>
    
    <tbody>
    <tr class="menu"><td background="image/title_bg_quit.gif" width="158" height="25"><a href="#">新闻管理</a></td></tr>
    <tr class="submenu"><td>增加新闻</td></tr>
    <tr class="submenu"><td>删除新闻</td></tr>
    <tr class="submenu"><td>修改新闻</td></tr>
    </tbody>
    
    <tbody>
    <tr class="menu"><td background="image/title_bg_quit.gif" width="158" height="25"><a href="#">行业动态</a></td></tr>
    <tr class="submenu"><td>增加动态</td></tr>
    <tr class="submenu"><td>删除动态</td></tr>
    <tr class="submenu"><td>修改动态</td></tr>
    </tbody>
    
    <tbody>
    <tr class="menu"><td background="image/title_bg_quit.gif" width="158" height="25"><a href="#">招聘管理</a></td></tr>
    <tr class="submenu"><td>增加招聘</td></tr>
    <tr class="submenu"><td>删除招聘</td></tr>
    <tr class="submenu"><td>修改招聘</td></tr>
    </tbody>
    
    <tbody>
    <tr class="menu"><td background="image/title_bg_quit.gif" width="158" height="25"><a href="#">系统信息</a></td></tr>
    <tr class="info"><td align="center" height="25px">版权所有：超声波</td></tr>
    <tr class="info"><td align="center" height="25px">设计制作：庞瑞峰</td></tr>
    <tr class="info"><td align="center" height="25px">系统内核：s2sh框架</td></tr>
    </tbody>
    
    </table>
  </body>
</html>
css的代码
.menu{
font-size: 15px;
}
.submenu{
display:none;
text-align:center;
background-color: #a7bad8;
margin-left: 12px;
font-size: 13px;
}
.info{

background-color: #a7bad8;
margin-left: 12px;
font-size: 12px;

}
js的代码//让点击主菜单式显示子菜单
//在页面装载时注册onclick事件
$(document).ready(function(){
//查找到ul节点底下的a节点
var as=$(".menu");
as.click(function(){
//查找当前被点击的menu节点
var menuNode=$(this);
//查找和menu节点的兄弟submenu节点
var subMenuNodes=menuNode.nextAll(".submenu");
//显示或隐藏其他的兄弟节点
//subMenuNodes.toggle("show");
subMenuNodes.slideToggle("fast");

})})本例用的是js1.2.6
用<tr><td>写的，用<ul><li>写不能设置背景，希望能能贴出来共同交流！！有好的意见多多指出！！！