Image Mouseovers

When an image changes as you hover your pointer over it, it is called a "mouseover." Below is an example of how one works, move your pointer over it.

To make your own, place this code between your <head> and </head> tags

Images 1, 2 and 3 are the regular images, and 1a, 2a and 3a are the mouseover images. 28 is the image width in pixels, 24 is the image height.

Now, where the images occur, use the following code:

<a href="page.html" onmouseover="over_image('img1');" onmouseout="off_image('img1')"><img src="image1.gif" border="0" name="img1"></a>

You can add as many mouseovers as you like, just call them img4, img5, etc.