THE
TWO STEPS TO INSTALL IMAGE MOUSE OVER EFFECT:
1. Paste the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document
STEP ONE: Copy this code into the HEAD of your HTML document
<HEAD>
<SCRIPT language="JavaScript">
<!-- Begin
function move_in(img_name,img_src) {
document[img_name].src=img_src;
}
function move_out(img_name,img_src) {
document[img_name].src=img_src;
}
// End -->
</SCRIPT>
STEP TWO: Put this code into the BODY of your HTML document.
Be sure to give each image a name! (<img
name="button">)
Include that name in the onmouseover/onmouseout tags!
<BODY>
<CENTER>
<A HREF="http://ckgraphix.8m.com"
onmouseover="move_in('button','pic-off.gif')"
onmouseout="move_out('button','pic-on.gif')">
<IMG NAME="button"
SRC="pic-off.gif"
ALT="Image"></A>
</CENTER> |
