js+div 鼠标移动到主菜单,显示和隐藏问题

Question

本帖最后由 winver 于 2010-08-03 16:01:30 编辑

Answer 1

code=JScript]
          if(id==0){
                    document.getElementById('servId').style.display = "block";
                    return false;
            }else{
                     document.getElementById('servId').style.display = "none";
                     
             }
   加上else里面的语句
[/code]

Answer 2

<script type="text/javascript">  
function testChick(id)
{ //document.getElementById("servId").style.display = "none";  
if(id==0){ document.getElementById('servId').style.display = "block"; return false; }
else { document.getElementById('servId').style.display = "none"; return false; } } 
</script> 
<a onmouseover="testChick(0)" href="index.html" title="服務範圍">服務範圍 </a> 
<!-- 主菜单 --> 
<div style="display:none;" onmouseout="testChick(1)" id="servId">
<a href="#">ssssss</a>&nbsp; &nbsp;|<a href="#">456</a>&nbsp; &nbsp;|<a href="#">786</a>
</div> [color=#FF0000]<!-- 鼠标移动到主菜单，显示以下层，但鼠标离开后，不能隐藏 -->

Answer 3

<script type="text/javascript">
     function testChick(id){
            //document.getElementById("servId").style.display = "none";
            if(id == 0){
                    document.getElementById('servId').style.display = "block";
                    return false;
            } else {
 document.getElementById('servId').style.display = "none";
}                              
    }     
</script><a onmouseover="testChick(0)" href="index.html" title="服務範圍">服務範圍 </a>   <!-- 主菜单 --><div style="display:none;" id="servId" onmouseover="testChick(0)" onmouseout="testChick(1)">
<a href="#">ssssss</a>&nbsp; &nbsp;|<a href="#">456</a>&nbsp; &nbsp;|<a href="#">786</a>
</div>