Code for a Simple Rollover

Code for a Simple Rollover

<A HREF="#"

OnMouseOver="document.thePlace.src='2.gif';"

OnMouseOut="document.thePlace.src='1.gif';">

</a>

Code Explanation
The parts in blue are where you pick a name for the place where the rollover (or switching of images) will take place. The parts in green are where you put the names of your first and second state images. The red parts of the code are the Javascript syntax and should not be changed. Write it exactly as you see it here. The 1st, 4th and last line of code is the "A HREF" tag code that allows the first state image to appear on the face of your document inside a link. (The link makes the rollover effect work.)

It is not recommended that you separate all the code into lines with blank space like this. This is done just for demonstration purposes.