Rollover image on Blogger (change image when mouse-over)

A image rollover effect is a useful thing to know how to do for any amateur blogger. What it basically means is that when you place the mouse cursor over an image, the image changes into another image. It will be useful to make some nit animations or display some hidden info.