项目中的菜单问题，今天和同事研究了一下午没解决，请大家帮忙给看看，谢谢！

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy"><table width="460"  border="0" align="right" cellpadding="0" cellspacing="0" >
<tr>
<td><DIV Id="menuBar" class="menuBar">
<DIV Id="Bar2" class="Bar"  menu="menu1"><img src="" width="1" height="11"> 首页</DIV>
    <DIV Id="Bar3" class="Bar"  menu="menu2"><img src="../images/index_2_05.gif" width="1" height="11"> 个人金融服务</DIV>
    <DIV Id="Bar4" class="Bar"  menu="menu3"><img src="../images/index_2_05.gif" width="1" height="11"> 企业金融服务</DIV>
    <DIV Id="Bar5" class="Bar"  menu="menu4"><img src="../images/index_2_05.gif" width="1" height="11"> 资金及国际业务</DIV>
<DIV Id="Bar1" class="Bar" menu="menu0"><img src="../images/index_2_05.gif" width="1" height="11"> 客户交流</DIV>
</DIV>
<div Id="menu1" class="menu" >
   <div Id="menuItem1_1" class="menuItem">SubMenu #1</div>
   <div Id="menuItem1_2" class="menuItem">SubMenu #2</div>
   <div Id="menuItem1_3" class="menuItem">SubMenu #3</div>
</div>
<div Id="menu2" class="menu">
   <div Id="menuItem2_1" class="menuItem">Page #1</div>
   <div Id="menuItem2_2" class="menuItem">Page #2</div>
   <div Id="menuItem2_3" class="menuItem">Page #3</div>
</div>
<div Id="menu3" class="menu">
   <div Id="menuItem3_1" class="menuItem">Page #1</div>
   <div Id="menuItem3_2" class="menuItem">Page #2</div>
   <div Id="menuItem3_3" class="menuItem">Page #3</div>
   <div Id="menuItem3_4" class="menuItem">SubMenu #4</div>
</div>
<div Id="menu4" class="menu">
   <div Id="menuItem4_1" class="menuItem">Page #1</div>
   <div Id="menuItem4_2" class="menuItem">Page #2</div>
   <div Id="menuItem4_3" class="menuItem">Page #3</div>
   <div Id="menuItem4_4" class="menuItem">Page #4</div>
</div>
<div id="menu0" class="menu">
    <div Id="menuItem6_1" class="menuItem">Page #1-1</div>
    <div Id="menuItem6_2" class="menuItem">Page #1-2</div>
    <div Id="menuItem6_3" class="menuItem">SubMenu #1-1</div>
</div></td>
</tr>
</table></body>
</html>
已经改了很多个地方了，可就是有一个地方总是得不到解决，就是当鼠标移动到首页的时候会跳一下，麻烦大家给解决解决，谢谢你们！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

csdn提示我帖子太长了，所以我只能分两次给出了，麻烦大家了！
我不知道，只能帮你UP   :D
你想实现什么样的效果呀？我以前用JAVASCIPT写过一个脚本，能达到树状菜单的效果。
function ShowMenu(obj)
   {
     HideMenu(menuBar)
     var menu = eval(obj.menu)
     var bar = eval(obj.id)
//     bar.className="barOver"
     menu.style.visibility = "visible"
     menu.style.pixelTop =  obj.getBoundingClientRect().top + obj.offsetHeight + Bdy.scrollTop
     menu.style.pixelLeft = obj.getBoundingClientRect().left + Bdy.scrollLeft
   }把上面的那行注释掉~~~~~~~~
或者把
BarOver CSS里的 margin-left:12px;  去掉~~~~
.Bar
{
    BORDER-RIGHT: blue 0px outset;
    BORDER-TOP: blue 0px outset;
    BORDER-LEFT: blue 0px outset;
    BORDER-BOTTOM: blue 0px outset;
    BACKGROUND-COLOR: #ffffff;
font-size:12px;
    CURSOR: hand;    POSITION: relative;
    FLOAT: left;
    TEXT-ALIGN: left;
}
.barOver
{
    BORDER-RIGHT: blue 0px ridge;
    BORDER-TOP: blue 0px ridge;
    BORDER-LEFT: blue 0px ridge;
    BORDER-BOTTOM: blue 0px ridge;
    BACKGROUND-COLOR: #ffffff;
font-size:12px;
    CURSOR: hand;    POSITION: relative;
    FLOAT: left;
    TEXT-ALIGN: left;
}
另：既然所有的次级菜单所在的层都是绝对定位,就不要放在table里面以免影响整体的格式
谢谢大家的热心帮助，菜单位置的问题已经得到解决了，还有就是上面朋友说的onmouseout时菜单不自动消失的问题，还得麻烦大家一下，今天加班到现在都大半夜了，还是没有解决，麻烦诸位再给看看，万分感谢！谢谢大家！
谢谢大家的热心帮助，菜单位置的问题已经得到解决了，还有就是上面朋友说的onmouseout时菜单不自动消失的问题，还得麻烦大家一下，今天加班到现在都大半夜了，还是没有解决，麻烦诸位再给看看，万分感谢！谢谢大家！
谢谢大家的热心帮助，菜单位置的问题已经得到解决了，还有就是上面朋友说的onmouseout时菜单不自动消失的问题，还得麻烦大家一下，今天加班到现在都大半夜了，还是没有解决，麻烦诸位再给看看，万分感谢！谢谢大家！
你都没有onmouseout事件，加一个，把相应的menu层none掉就ok了