Question

尝试onmouseover显示第一个div而隐藏第二个div然后在悬停时显示第二个div而隐藏第一个div。对不起，我是一个不擅长javascript的菜鸟。任何人解决这个问题，请我非常感谢。似乎我已经离开了一些代码，因为我不知道如何应用它，如onmouseover和onmouseout，如果你能解释你的答案也会很棒..

<!DOCTYPE html> 
<html>
<body>
<div id="placeholder" onMouseOver="document.getElementById('blink').style.display = 'block';" onmouseout="document.getElementById('blink').style.display = 'none';">
 <div id="show">
## Heading ##
 </div>
 <div id="blink">
 <p> some text </p>
 </div>
 </div>
</html>
</body>

 css
  #placement{display:block;}
 #show{display:block;}
 .blink{
  position:relative;
 left:100px;
 width:450px;
height:515px;
background:#000;
padding:15px;
color:white;

}
 #blink:hover #blink{
display:block;
visibility:visible;
}

  .hide_show{
position:absolute;
left:15px;
right:15px;
padding:0;
margin:0;
text-align:left;}

Answer 1

好吧，猜猜你想要的是默认显示标题行，当鼠标悬停时，隐藏文字会显示出来吗？请尝试以下操作:(基本上您需要将#blink div设置为首先不可见。对于占位符（而非放置），ID名称也不正确

<!DOCTYPE html> 
<html>

<style>
#placeholder{display:block;}
 #show{display:block;}
 .blink{
  position:relative;
 left:100px;
 width:450px;
height:515px;
background:#000;
padding:15px;
color:white;
display:none;
}
 #blink:hover #blink{
display:block;
visibility:visible;
}
  .hide_show{
position:absolute;
left:15px;
right:15px;
padding:0;
margin:0;
text-align:left;}
</style>
        <body>
        <div id="placeholder" onMouseOver="document.getElementById('blink').style.display = 'block';" onmouseout="document.getElementById('blink').style.display = 'none';">
         <div id="show">## Heading ##</div>
         <div id="blink"><p> some text </p></div>
        </div>
        </html>
    </body>

Answer 2

我现在可以帮你解决问题，当有人用鼠标悬停在div上时，让我更好地理解你的问题。你想要那个div如何和.blink隐藏？然后当有人盘旋在.blink你想要显示和隐藏.show？

onmouseover两个divs一个可见一个隐藏在悬停上我想让第二个div可见，第一个隐藏像一个开关

2 个答案: