Image Swapping when Hovering

Frequently on the web, you'll notice that when you focus on an image, it changes. This effect requires two images, one the normal state, and another for the focused state. Since these images are used most frequently with links, I will demonstate this method.

The Code: Place the following code wherever you want an image for a link. <A HREF="TargetWindow.htm"  OnMouseOver="{MyButton.src='EnterColorful.gif'}"  OnMouseOut="{MyButton.src='Enter.gif'}"> <IMG NAME="MyButton" SRC="Enter.gif" BORDER="0"> </A>

Example: Focus on the following image