The Rollover image effect is one in which two images swaps itself, the first image changes to another image (called rollover image) on mouse hover and get back to original image on mouse out. To display rollover effect without delay, the rollover image pre-loaded at instance of pageloading. The onMouseOver and onMouseOut are two registered attributes of the link tag are used to make this