There are other things you can do with the buttons. Here are just a few ideas. All the example links just link back to this page. Try moving your mouse over the links to the side. Remember you don't need to change the image that the mouse is over. You can use it like this, to give a user a more usable way of finding out that they will find underneath a link. <A HREF="advanced.html" onMouseOver="if (version >= 3) words.src = activewords.src; return true" onMouseout = "words.src = 'wordsblank.gif'"> <IMG SRC="aboutthesite.gif" WIDTH="125" HEIGHT="27" ALT="about the site"></A> <A HREF="advanced.html" onMouseOver="if (version >= 3) words.src = activewords2.src; return true" onMouseout = "words.src = 'wordsblank.gif'"> <IMG SRC="whyyourcare.gif" WIDTH="125" HEIGHT="27" ALT="about the site"></A> <BR><IMG SRC="wordsblank.gif" WIDTH="125" HEIGHT="53" ALT=" " NAME="words"> Or take a look at this example. Instead of returning the example to the original image onMouseOut, instead it goes to a third image. <A HREF="advanced.html" onMouseOver="if (version >= 3) touched.src = activetouch.src; return true" onMouseout = "touched.src = activetouch2.src"> <IMG SRC="nottouched.gif" WIDTH="154" HEIGHT="55" BORDER=0 ALIGN=RIGHT NAME="touched"></A> Back to the main button tutorial.

all images and content © 1996, 1997, 1998, sleeping cat.