Sample Script Language(Java script)

To accomplish an image change on mouseover, you must add 2 scripting elements to your HTML document.

In the first addition, you must tell the browser the scripting language you are using(Javascript) and you must tell it to preload both images. If you don't preload the second image into the user's machine ahead of time, the image change is slow. Not cool! The code for doing these things is below. Insert it into the <HEAD> portion of your document right before the </HEAD> closing tag.
<SCRIPT LANGUAGE=JAVASCRIPT> <!-- Hide script from old browsers

if (document.images) {
minred = new Image
minblue = new Image

minred.src = 'bh2.JPG'
minblue.src = 'bh1.JPG'
}
else {
minred = ""
minblue = ""
document.min = ""
}

// End hiding script from old browsers -->
</SCRIPT>

The second change you make to your HTML document is to tell the browser that when the mouse moves over the image, change the image. You insert that into the link tag(<A HREF>).
<A HREF="jscriptex.htm" onmouseover="document.min.src=minred.src" onmouseout="document.min.src=minblue.src"> <IMG SRC="bh1.JPG" NAME="min"></A>