下拉菜单js求助
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="comm.master.cs" Inherits="client_comm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>浙江赛孚信息咨询有限公司</title>
<script type="text/javascript">
var currentItem=''; //选中左侧菜单项
var subNavi=''; //当前选中导航项子项
var currentNavi =''; //当前选中导航项
var currentNaviIndex=1;
function setBg(index){
document.getElementById("navTable").style.backgroundImage='url(../img/'+index+')';
}
function cancelBg(index){
if(index!=currentNavIndex)
{
}
}
function menuClick(obj,subObj)
{
if($(subObj).style.display=="none")
{
$(subObj).style.display="block";
menuSelected(obj)
}
else
{
$(subObj).style.display="none";
$(obj).className="menuItem";
}
}
function menuSelected(obj)
{
if(currentItem!=''&¤tItem!=obj)
{
$(currentItem).className="menuItem";
}
$(obj).className="menuItemOver";
currentItem=obj;
}
function $(obj)
{
return document.getElementById(obj);
}
function naviSelected(obj)
{
if(currentNavi!=''&¤tNavi!=obj)
{
$(currentNavi).className="naviItem";
}
$(obj).className="naviItemOver";
currentNavi=obj;
}
function naviOver(obj,showSub)
{
if(showSub==1)
{
$(obj).style.display="block";
}
if(subNavi!=''&&subNavi!=obj)
{
$(subNavi).style.display="none";
}
if(showSub==1)
{
subNavi=obj;
}
}
function naviOut(obj)
{
$(obj).style.display="none";
subNavi="";
}
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CFF2D2;
background-image: url(../img/sf_r1_c3.jpg);
}
#subNaviTable td
{
color:#000000;
}
#subNaviTable td a
{
color:#000000;
}
#subNaviTable .subNavi
{
display:none;
}
-->
</style></head>
<body>
<form runat="server" id="form1">
<table width="941" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="110" align="left" valign="top" background="../img/s_r1_c1.jpg">
<table width="941" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="370" height="68" align="center"><img src="../img/s_r1_c3.jpg" width="370" height="68" /></td>
<td width="174" align="center"> </td>
<td width="397" align="center" valign="top" background="../img/s_r1_c21.jpg">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="38" align="center" valign="bottom">
<img src="../img/s_r1_c21_r2_c2.jpg" width="67" height="18" style="padding-bottom:5px;" />
<img src="../img/s_r1_c21_r2_c4.jpg" width="71" height="18" style="padding-bottom:5px;"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table id="subNaviTable" width="941" border="0" align="center" cellpadding="0" cellspacing="0" style="position:absolute; margin-top:35px; z-index:2; margin-left:0px;">
<tr>
<td onmouseover="javascript:setBg('l1.jpg');" style="height:30PX;">
<div id="subNavi01" style="display:none;" class="sNaviItem" onmousemove="naviOver('subNavi01",1);" onmouseout="naviOut('subNavi01",1);">
<ul>
<li><a href="#">aaa</a><br /></li>
<li><a href="#">bbbbb</a></li>
</ul>
</div>
</td>
<td onmouseover="javascript:setBg('l2.jpg');">
<div id="subNavi02" style="display:none;" class="sNaviItem" onmousemove="naviOver('subNavi02",1);" onmouseout="naviOut('subNavi02",1);">
<ul>
<li><a href="#">aaa</a><br /></li>
<li><a href="#">bbbbb</a></li>
</ul>
</div>
</td>
<td onmouseover="javascript:setBg('l3.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l4.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l5.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l6.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l7.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l8.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l9.jpg');"><a href="#"></a></td>
</tr>
</table>
<table id="navTable" width="941" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="naviItem" id="navi01" onmouseover="javascript:setBg('l1.jpg');naviOver('subNavi01',1);naviSelected('navi01');" style="height:30PX;"><a href="#"></a></td>
<td class="naviItem" id="navi02" onmouseover="javascript:setBg('l2.jpg');naviOver('subNavi02',1);naviSelected('navi02');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l3.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l4.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l5.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l6.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l7.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l8.jpg');"><a href="#"></a></td>
<td onmouseover="javascript:setBg('l9.jpg');"><a href="#"></a></td>
</tr>
</table>
<script type="text/javascript">
setBg('l1.jpg');
</script>
</td>
</tr>
</table>
<table width="941" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:3px">
<tr>
<td height="290" align="center"><img src="../img/s_r8_c3.jpg" width="941" height="290" /></td>
</tr>
</table>
<table width="941" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="height: 23px"><img src="../img/s_r30_c3.jpg" width="941" height="23" /></td>
</tr>
<tr>
<td><asp:ContentPlaceHolder ID="ContentPlaceHolder" runat="server"></asp:ContentPlaceHolder></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="101" align="center" background="../img/s_r31_c5.jpg"><table width="941" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">网站首页 | 产品服务 | 人才招聘 | 联系我们</td>
</tr>
<tr>
<td height="48" align="center">© CopyRight Saifu 2003-2010 All Rights Reserved.<br />
地址ADD/：杭州文三西路630号五联办公楼422 邮编/POS：310012 浙ICP备08103179号</td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html>
哪位高手帮我看下我的js，帮我看下我的问题，我写的js能显示但是到了另外一个的时候第一就不能隐藏，在线等，希望哪位高手帮忙搞定！谢谢！
[解决办法]