Image 如何在悬停时将图像更改为其他图像

悬停时如何将一个图像更改为另一个图像？ 我有一个图像，当鼠标滑过时，我必须将图像更改为另一个图像。我该怎么做

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

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

小提琴

这可能会有帮助。。

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

<div class="hello">

</div>

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

}