In this exercise, you will develop an Image Rollover application. When the user moves the mouse over one of the three images, the current image is replaced by a new one.

-Begin with the files rollover.js and rollover.html. Review the HTML code, and note that the id attribute of each img tag points to the image that should replace the current image when the mouse hovers over it.

-Use JavaScript to write the onmouseenter event handler for the mouse enter event of the img tags (similar to the onclick event handler of the img tags in the ImageSwap/SlideShow applications). This handler should change the src attribute of the img tag so it points to the URL for the rollover image.

-Use Javascript to write the onmouseout event handler for the mouse out event. This handler should change the src attribute of the img tag to the original image.