如何在悬停时将图像更改为另一图像

如何在悬停时将图像更改为另一图像？我有图像，当鼠标悬停时，我必须将图像更改为另一图像。我怎样才能做到这一点？如何在悬停时将图像更改为另一图像

目前，我有图像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

如何在悬停时将图像更改为另一图像

回答

相关问题