Fraki
9-5-03, 02:39 PM
I'm working on a menu for a website, and I have it so when the mouse is over the menu, it changes to another image, but i also want it to change to a third image when it's clicked, is there any way of doing so?
This is how it is with just the mouseOver:
<A HREF="#" onMouseOver="document.fees.src='layout/menu/fees.jpg'"onMouseOut="document.fees.src='layout/menu/feesoff.jpg'" style="cursor:hand;" onfocus="this.blur()">
<IMG SRC="layout/menu/feesoff.jpg" BORDER=0 NAME="fees" alt="Fees"></a>
This is how I tried to add the onClick effect
<A HREF="#" onMouseOver="document.fees.src='layout/menu/fees.jpg'"onMouseOut="document.fees.src='layout/menu/feesoff.jpg'"onClick="document.fees.src='layout/menu/photos.jpg'" style="cursor:hand;" onfocus="this.blur()">
<IMG SRC="layout/menu/feesoff.jpg" BORDER=0 NAME="fees" alt="Fees"></a>
This is how it is with just the mouseOver:
<A HREF="#" onMouseOver="document.fees.src='layout/menu/fees.jpg'"onMouseOut="document.fees.src='layout/menu/feesoff.jpg'" style="cursor:hand;" onfocus="this.blur()">
<IMG SRC="layout/menu/feesoff.jpg" BORDER=0 NAME="fees" alt="Fees"></a>
This is how I tried to add the onClick effect
<A HREF="#" onMouseOver="document.fees.src='layout/menu/fees.jpg'"onMouseOut="document.fees.src='layout/menu/feesoff.jpg'"onClick="document.fees.src='layout/menu/photos.jpg'" style="cursor:hand;" onfocus="this.blur()">
<IMG SRC="layout/menu/feesoff.jpg" BORDER=0 NAME="fees" alt="Fees"></a>