如何在懸停時將圖像更改爲另一圖像

如何在懸停時將圖像更改爲另一圖像？我有圖像，當鼠標懸停時，我必須將圖像更改爲另一圖像。我怎樣才能做到這一點？如何在懸停時將圖像更改爲另一圖像

目前，我有圖像1，當鼠標懸停在圖像1上時，我必須將圖像1更改爲圖像2. 我不知道該怎麼做。我知道如何改變顏色與懸停，但我不知道如何改變它到另一個圖像。

<div style="position:absolute; top:1050px; left:360px;"><img src="image1.jpg"><div>

來源

2014-10-19 DKim

[上的CSS/HTML懸停更改圖像]的可能重複（HTTP：//計算器。 COM /問題/ 18813299 /改變圖像上懸停-W ith-css-html） – Mureinik 2014-10-19 07:26:25

這可能有幫助.. http://stackoverflow.com/questions/18032220/css-change-image-src-on-imghover – ArunM 2014-10-19 07:28:48

<img src="image1.jpg" 
onmouseover="this.src='image2.jpg'" 
onmouseout="this.src='image1.jpg'">

來源

2014-10-19 07:28:59

如何編輯屬性或爲image2添加屬性？ – DKim 2014-10-19 07:41:21

FIDDLE

http://jsfiddle.net/rpku6d89/3/

<div class="hello"> 

</div>

CSS

.hello{ 
    background-image: url("http://farm5.static.flickr.com/4005/4706825697_c0367e6dee_b.jpg");  
    height:300px; 
    width:400px; 
} 
.hello:hover{ 
    background-image: url("http://farm5.static.flickr.com/4017/4717107886_dcc1270a65_b.jpg"); 

}

來源

2014-10-19 07:47:00

如何在懸停時將圖像更改爲另一圖像

回答

相關問題