onmouseover两个div一个可见一个隐藏在悬停我想使第二个div可见和第一个隐藏像开关

试图onmouseover显示第一个div但隐藏第二个，然后在悬停显示第二个div但隐藏第一个。对不起，我是一个noob不擅长JavaScript.can任何人解决这个问题，请我非常感激。看来我已经离开了一些代码出来的，因为我不知道怎么的onmouseover应用它，就像和onmouseout如果你能解释一下你的答案，这将是伟大的太..onmouseover两个div一个可见一个隐藏在悬停我想使第二个div可见和第一个隐藏像开关

<!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;}

来源

2013-10-05 Maevea Maverick

_“...然后在悬停...“_” - 你的意思是“然后_mouseout_”？ – nnnnnn

好了，你猜是什么你想要的是默认显示标题行，当鼠标悬停时，隐藏文本会显示出来？尝试以下操作：（基本上你需要设置#blink股利无形起初也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>

来源

2013-10-05 02:42:15 Godinall

我需要十个代表点来发布图片我如何获得十点声望来显示我的图片 –

任何人都可以做这个...小提琴 –

请看这里HTTP：//的jsfiddle .net/kqkSU/ – Godinall

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

来源

2013-10-05 02:44:44 swsa

是的，这是更好的解决方案听起来不错，仍然试图获得它隐藏不会在Firefox上工作.. –

onmouseover两个div一个可见一个隐藏在悬停我想使第二个div可见和第一个隐藏像开关

回答

相关问题