放在文本顯示圖像鼠標懸停在DIV中的Java腳本

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

    function show1() { 
      document.getElementById("img1").display = 'block'; 
    } 
    function hide1() { 
      document.getElementById("img1").display = 'none'; 
     } 

</script> 
</head> 
<body> 
<a href="http://www.feverpitchholidays.com/corporate-team-outing-lnt/"><span onMouseOver="show1()" onMouseOut="hide1()">Corporate Team Outing - LNT</span></a> 

<div id="img1" style="display:none"> 
    <img src="" alt="image 1" /> 
    <img src="" alt="image 2" /> 
</div> 
</body> 
</html>

我想，當ü把鼠標放在文本顯示它在格形象我想要做，但它不能正常工作。放在文本顯示圖像鼠標懸停在DIV中的Java腳本

來源

2013-04-02 user1703050

忘記JavaScript這一個！ CSS是答案。將懸停狀態置於ID：img1和div內的圖像上（如果你不這樣做，則將鼠標懸停在圖像上會取消鼠標移動，因此它看起來像這樣（由於鼠標懸停而不是內聯樣式美國聲明）：

#img1 { 
    Background-image: none; 
} 

#img1:hover, img1:hover img { 
    Background-image: url(your URL); 
}

你可以改變的ID上課，所以CSS可以重複使用，並保持的ID編碼（javascript等等）

來源

2013-04-02 09:40:03 user2235355

但我想用Java腳本的要求，以便使用請親切地幫助我在Java腳本代碼 – user1703050

實際上，我看着Java腳本，所以PLZ告訴我的Java腳本我將如何做到這一點。 – user1703050

放在文本顯示圖像鼠標懸停在DIV中的Java腳本

回答

相關問題