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可見和第一個隱藏像開關

回答

相關問題