Image Rollover Recipe
This recipe changes the image that is displayed whenever the userís
mouse moves over the image.
Move your mouse over the image below to see it change dynamically.
The files for the two states of the image should be named x.gif
and xDown.gif, where x can be anything you like.
document.images[buttonName].src=buttonName + "Down.gif";
document.images[buttonName].src=buttonName + ".gif";
is a variable used to access the name property of the graphic or
other element modified by the functions.
Call within the element
<IMG NAME="button1" SRC="button1.gif" onMouseOver="buttonDown(this.name)"
This recipe can be applied to text as well as graphics, if the call
to the functions are placed within the text elementís tag (such as <P>
or <H1>) or if the text is enclosed in <SPAN>