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

Question

如何在悬停时将图像更改为其他图像？ 我有图像，我必须在鼠标悬停时将图像更改为另一个图像。我怎么能这样做？

目前，我有图像1，当鼠标悬停在图像1上时，我必须将图像1更改为图像2。 我不知道该怎么做。我知道如何用悬停改变颜色，但我不知道如何将其改为另一个图像。

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

Answer 1

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

Answer 2

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");

}