To create a rollover:
(See the script, below.)
The link begins by specifying where the browser will go when the user clicks on the image, in this case to the page next.html.
When the user moves the mouse over the image, the replacement image redArrow.gif, which is inside the images directory, is written to the document window.
Then, when the mouse moves away, the image blueArrow.gif is swapped back in.
->WIDTH=147 HEIGHT=82 BORDER=0
The remainder of the image link defines the source of the original image for the page, and closes the link tag.
Though simple, this method has its disadvantages.
Here's the simplest way to do a rollover, within a link tag.
<TITLE>A Simple Rollover</TITLE>
<A HREF="next.html" onMouseover=
-> redArrow.gif'" onMouseout=
-> blueArrow.gif" WIDTH=147 HEIGHT=82
-> BORDER=0 NAME="arrow"></A>