div与鼠标悬停不显示按预期？

我看了一下this页面试图做一个简单的鼠标在菜单上工作（基于用户：sarfraz的答案）。我不确定我是否错过了JavaScript，但看起来应该没有。如果我加载页面，我会得到一个div，将“菜单”写入一个框中，然后将鼠标移到该框上，只保留一次。在将鼠标取下后，div框消失不再被看到。我试图搞visibility风格在menu编号，将其设置为可见或隐藏，我也尝试设置风格display:none;没有运气。我也发现这个page，但那个有一个永久列表不会消失onmouseout。我应该只是将li标记着色为与背景相同并使用它？div与鼠标悬停不显示按预期？

<html> 
<head> 
</head> 
<style> 
body 
{  
    background-repeat:repeat; 
    background-color: white;  
} 
#container 
{  
    position: relative; 
    margin: 0 auto;  
    height: 100%; 
    width: 100%; 
} 
#menu 
{ 
    position: absolute;  
    margin: 0 auto;  
    height: 100px; 
    width: 300px; 
    top: 70%; 
    left: 40%; 
    background-color: white; 
    border:2px solid; 
    border-color: purple; 

} 
</style> 
<body>    
    <div id='menu' onMouseOver="this.style.visibility = 'visible';" onMouseOut="this.style.visibility = 'hidden';">menu</div>   
</body> 
</html>

来源

2014-02-08 pandoragami

当他得到visibility = hidden，不要鼠标悬停，所以代码不能运行

备选：http://jsfiddle.net/V5QrZ/

来源

2014-02-08 04:58:01 lucasmg

使用jQuery

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
    </script> 
    <style> 
    body 
    {  
     background-repeat:repeat; 
     background-color: white;  
    } 
    #container 
    {  
     position: relative; 
     margin: 0 auto;  
     height: 100%; 
     width: 100%; 
    } 
    #menu 
    { 

     position: absolute;  
     margin: 0 auto;  
     height: 100px; 
     width: 300px; 
     top: 70%; 
     left: 40%; 
     background-color: white; 
     border:2px solid; 
     border-color: purple; 

    } 
    </style> 

    <script> 
    $(document).ready(function(){ 
     $("p").mouseover(function(){ 
     $("#menu").hide() 
     }); 
    $("p").mouseout(function(){ 
     $("#menu").show() 
     }); 
    }); 
    </script> 
    </head> 
    <body> 

    <p>Move the mouse pointer over this paragraph.</p> 
    <div id='menu' >menu</div> 
    </body> 
    </html>

来源

2014-02-08 05:00:10 user123

div与鼠标悬停不显示按预期？

回答

相关问题