DIV 显示下拉菜单的问题，急


<html>
<script>
function out(idd)
{
document.getElementById(idd).style.visibility='hidden' ;
}
</script>
<body>
<div id="back" style="position:absolute;top:50;:left:10;z-index:1;visibility:visible;"> 
<font  size=2>首页 </div> <div id="back1" onmouseout="out('dept1'); "style="position:absolute;top:50;left:100;z-index:2;visibility:visible;"> 
<span id="menubar1" onmouseover="document.getElementById('dept1').style.visibility='visible'"  > 
<font  size=2>菜单1 </span> 
<div id="dept1" style="position:absolute;top:15;left:0;width:400;height:10;z-index:3;visibility:hidden;"> 
<a id="link11"  onclick="JavaScript:ChangeCategorynew('上海');" style="cursor:pointer">上海 </a> 
<a id="link12"  onclick="JavaScript:ChangeCategorynew('北京');" style="cursor:pointer" >北京 </a> 
<a id="link13"  onclick="JavaScript:ChangeCategorynew('深圳');" style="cursor:pointer">深圳 </a> 
<a id="link14"  onclick="JavaScript:ChangeCategorynew('南京');" style="cursor:pointer">南京 </a> 
<a id="link15"  onclick="JavaScript:ChangeCategorynew('大连');" style="cursor:pointer">大连 </a> 
</div> 
</div> <div id="back2" onmouseout="out('dept2')" style="position:absolute;top:50;left:185;z-index:4;visibility:visible;"> 
<span id="menubar2" onmouseover="document.getElementById('dept2').style.visibility='visible'"  > 
<font  size=2>菜单2 </span> 
<div id="dept2" style="top:15;width:300;left:0;z-index:5;visibility:hidden;"> 
<a id="link21"  onclick="JavaScript:ChangeCategorynew('上海');" style="cursor:pointer" >上海 </a> 
<a id="link22"  onclick="JavaScript:ChangeCategorynew('北京');" style="cursor:pointer" >北京 </a> 
<a id="link23"  onclick="JavaScript:ChangeCategorynew('深圳');" style="cursor:pointer" >深圳 </a> 
<a id="link24"  onclick="JavaScript:ChangeCategorynew('南京');" style="cursor:pointer">南京 </a> 
<a id="link25"  onclick="JavaScript:ChangeCategorynew('大连');" style="cursor:pointer">大连 </a> 
</div> 
</div> <div id="back3" onmouseout="out('dept3')" style="position:absolute;top:50;left:270;z-index:6;visibility:visible;"> 
<span id="menubar3" onmouseover="document.getElementById('dept3').style.visibility='visible'"  > 
<font  size=2>菜单3 </span> 
<div id="dept3" style="top:15;width:400;left:0;z-index:7;visibility:hidden;"> 
<a id="link31"  onclick="JavaScript:ChangeCategorynew('上海11');" style="cursor:pointer" >上海11 </a> 
<a id="link32"  onclick="JavaScript:ChangeCategorynew('北京11');" style="cursor:pointer" >北京11 </a> 
<a id="link33"  onclick="JavaScript:ChangeCategorynew('深圳11');" style="cursor:pointer" >深圳11 </a> 
<a id="link34"  onclick="JavaScript:ChangeCategorynew('南京11');" style="cursor:pointer" >南京11 </a> 
<a id="link35"  onclick="JavaScript:ChangeCategorynew('南京');" style="cursor:pointer">南京 </a> 
<a id="link36"  onclick="JavaScript:ChangeCategorynew('大连');" style="cursor:pointer">大连 </a> 
</div> 
</div>  
</body>
</html>不知道lz onmouseout 的时侯执行什么,我自己写了一个
还有lz 有个笔误 ,菜单2 和菜单3都多了一个":"<div id="back" 
onmouseout="out('dept3')" style="position:absolute;top:50;:left:270;z-index:6;visibility:visible;"> 
<span id="menubar" onmouseover="document.getElementById('dept3').style.visibility='visible'"  > 
<font  size=2>菜单3 </span>
并且最好设id的时侯不要重复

解决方案 »

  1.   

    我的Out函数 是这样的 
    function out(menu)
    {
        if(window.event.toElement.id!=menu  &&  window.event.toElement.id!="link")
         document.getElementById(menu).style.visibility="hidden";
    }
      

  2.   

    请lz 把 out 方法改成下面的试试function out(menu)
    {
    if(window.event.toElement.id!=menu&&window.event.toElement.id.indexOf("link")==-1) 
        document.getElementById(menu).style.visibility= "hidden"; 
    }document.getElementById(menu).style.visibility= "hidden";里面是不允许有空格的,会报错的