How to do it:
This code goes in the Body, of course.
<A HREF="home.html" onMouseOver="act('home')"
onMouseOut="inact('home')">
<IMG SRC="images/homen.gif"
height="24"
width="124"
name="home"
border="0"
alt="Home"></A><BR>
<A HREF="gadgets.html" onMouseOver="act('gadg')"
onMouseOut="inact('gadg')">
<IMG SRC="images/gadgetsn.gif"
height="24"
width="124"
name="gadg"
border="0"
alt="Gadgets"></A><BR>
<A HREF="widgets.html" onMouseOver="act('widg')"
onMouseOut="inact('widg')">
<IMG SRC="images/widgetsn.gif"
height="24"
width="124"
name="widg"
border="0"
alt="Widgets"></A><BR>
<A HREF="mailto:noname@noplace.com" onMouseOver="act('cont')"
onMouseOut="inact('cont')">
<IMG SRC="images/contactn.gif"
height="24"
width="124"
name="cont"
border="0"
alt="Contact"></A>
<!-- Note: In each A
element, the arguments for act('n')
and inact('n')
must be the same as the IMG
element’s name='n'
attribute. -->