Javascript MouseOver test page

Below is the Javascript code needed at the beginning of your page.
It MUST be placed between the '<head>' and '</head>' parameters

<script LANGUAGE="JavaScript"><!--

/*********************************************************

M A G I C B U T T O N S v3.0

http://junior.apk.net/~jbarta/tutor/buttons/

Permission is granted to freely use this script.

**********************************************************/

// preload images:

if (document.images) {

clickme1 = new Image(120,40); clickme1.src = "clickme1.gif";

clickme2 = new Image(120,40); clickme2.src = "clickme2.gif";

}

function hiLite(imgName,imgObjName) {

if (document.images) {

document.images[imgName].src = eval(imgObjName + ".src");

}}

//--></script>

And here is the Javascript code needed to actually DO IT !!

<a HREF="logotest1.htm" onMouseOver="hiLite('img01','clickme2')"

onMouseOut="hiLite('img01','clickme1')"><img SRC="clickme1.gif" WIDTH="120" HEIGHT="40"

BORDER="0" ALT NAME="img01"></a>

Back to Logos