SAMPLE


Mouseover Recipe

Ingredients
You will need two graphics, preferably the same size. The first one to display by default and the second one to display when the mouse is positioned over the link in the browser window.

In this sample, we use two files:
filename: mouseover_off.gif
filename: mouseover_on.gif

Code
Copy the code below into your HTML document where you want the mouse over link to be. The italicized text in read represents variables that you replace with your own link or filenames.

<A HREF="http://www.something.edu/path.html"
      onMouseOver="document.img1.src='mouseover_on.gif';"
      onMouseOut="document.img1.src='mouseover_off.gif';">
      <IMG NAME="img1" BORDER=NO SRC="mouseover_off.gif"></A>
Where http://www.something.edu/path.html above is the URL of the page where you want the link to go, and mouseover_on.gif and mouseover_off.gif are the names of your two graphic files.