Java Script MouseOver Tutorial at CodeSpy.com

|| ||

Java Script MouseOver Tutorial

Java Script MouseOver Example
Java Script MouseOver Instructions To make a Java Script MouseOver you need two images, one that will be displayed when the mouse is on and one when it is off the image. Make two images or save the ones from below, then just copy the script from below and insert your image file name where instructed. Remember that one part belongs in the <HEAD> and the other in the <BODY> of your HTML page.
Resources for the script. (right-click and choose save picture as)
The Script <!-- Copy this code into the HEAD of your HTML document --> <script language="JavaScript"> <!-- This script is available at www.codespy.com --> <!-- if (document.images) { image1on = new Image(); image1on.src="name of your "on" image"; image1off = new Image(); image1off.src = "name of your "off" image"; } function turnOn(imageName) { if (document.images) { document[imageName].src = eval(imageName + "on.src"); } } function turnOff(imageName) { if (document.images) { document[imageName].src = eval(imageName + "off.src"); } } // --> </script> <!-- Put this code into the BODY of your HTML document --> <A HREF="URL of linked page" onMouseOver="turnOn('image1')" onMouseOut="turnOff('image1')"> <IMG SRC="name of your "off" image" NAME="image1" BORDER="0" WIDTH="width of your image" HEIGHT="height of your image"></a>