您所在位置：主题：水平导航栏上点击某栏目，正下方出现2级子栏目js怎么弄啊
xiongying123
[专家分：0] 发布于 2009-05-14 23:08:00
在首页中导航栏，鼠标移动到某个栏目时正下方出现垂直的子栏目，对js不是很熟，网上都是div布局的，我的是table，不知道怎么套，各位帮帮忙啊
<table border="0" align="center" cellpadding="0" cellspacing="0" class="bg_white">
<tr>
<td width="3" rowspan="3" class="bg_pic01"></td>
<td width="1012" height="33" align="left" class="bg_pic05"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35"></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="index.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/menu/01_c.jpg',1)"><img src="images/menu/01.jpg" name="Image7" width="92" height="33" border="0" id="Image7" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="tech.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/menu/02_c.jpg',1)"><img src="images/menu/02.jpg" name="Image8" width="110" height="33" border="0" id="Image8" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="dangtuan.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/menu/03_c.jpg',1)"><img src="images/menu/03.jpg" name="Image9" width="110" height="33" border="0" id="Image9" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="department.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/menu/04_c.jpg',1)"><img src="images/menu/04.jpg" name="Image10" width="110" height="33" border="0" id="Image10" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="staff_corner.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/menu/05_c.jpg',1)"><img src="images/menu/05.jpg" name="Image11" width="115" height="33" border="0" id="Image11" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td width="428" align="right" class="td_tw26 tx_white">今天是：<script language="JavaScript" type="text/javascript" src="js/date.js"></script></td>
</tr>
</table>
在tech.jsp加2级导航
<table border="0" align="center" cellpadding="0" cellspacing="0" class="bg_white">
<tr>
<td width="3" rowspan="3" class="bg_pic01"></td>
<td width="1012" height="33" align="left" class="bg_pic05"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35"></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="index.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/menu/01_c.jpg',1)"><img src="images/menu/01.jpg" name="Image7" width="92" height="33" border="0" id="Image7" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="tech.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/menu/02_c.jpg',1)"><img src="images/menu/02.jpg" name="Image8" width="110" height="33" border="0" id="Image8" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="dangtuan.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/menu/03_c.jpg',1)"><img src="images/menu/03.jpg" name="Image9" width="110" height="33" border="0" id="Image9" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="department.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/menu/04_c.jpg',1)"><img src="images/menu/04.jpg" name="Image10" width="110" height="33" border="0" id="Image10" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td><a href="staff_corner.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/menu/05_c.jpg',1)"><img src="images/menu/05.jpg" name="Image11" width="115" height="33" border="0" id="Image11" /></a></td>
<td width="2"><img src="images/menu/00.jpg" /></td>
<td width="428" align="right" class="td_tw26 tx_white">今天是：<script language="JavaScript" type="text/javascript" src="js/date.js"></script></td>
</tr>
</table>
在tech.jsp加2级导航