BASIC SOURCE CODE FOR MOUSEOVERS
Cut and paste these, then plug in your images, sizes, etc...

Below is the basic image preload script . Your images will be loaded into the cache & ready to change onMouseOver!
Highlight, copy, and paste the following 2 sections between the <HEAD> tags.
<SCRIPT language="javascript1.1">
if( document.images )
{
<!--On & Off-->
  but1 = new Image(60,60) ; <!--image width,height-->
  but1.src = "butnoff.gif";
  but2 = new Image(60,60) ;
  but2.src ="butnon.gif";
<!--Add additional sets as needed-->
}
</SCRIPT>

This next function deals with various versions of browsers and addresses their properties logically. It is a bit larger than my prior code but this should remain stable with future browser upgrades. You need this code only once, even if you have multiple instances of mousovers.
<SCRIPT>
<!--
function chkVer(imagename,objectsrc)
{
var n=navigator.appName
var v=parseInt(navigator.appVersion)
var browsok=((n=="Netscape")&&(v>=3))
var browsok2=((n=="Microsoft Internet Explorer")&&(v>=4))
if ((browsok)||(browsok2))
document.images[imagename].src=eval(objectsrc+".src")
}
//-->
</SCRIPT>

Here is the code that actually displays and swaps the images. Place between the <BODY> tags. The HREF may contain a URL, or any javascript function. *Note the inclusion of text.
<A HREF = "Your_URL_here.htm"
onmouseover="chkVer('go1','but1')"
onmouseout="chkVer('go1','but2')">
<IMG NAME = "go1" width=60 height=60 border=0 SRC = "butnoff.gif"></A>  
<!---* Want an Image swap without a url? use below:
Getcher HOT cuppa JavaScript Here!</A> Include Text -->

 
That's all there is to it. Have fun, and please, use responsibly, or the winged demons of HTM'ell will come and snack on your favorite and private parts. Do as I say, not as I do here!

Want a "null" URL? Here is a nifty way to to it: You need to do 2 things: First add this bit of script to create a null link:
<script>
  function nothing() {
    return;
  }
</script>

    now... as your href:
<A href="javascript: nothing()"
     & this will give you nothing in the status bar below:
onmouseover="whatever ; window.defaultStatus' '; window.status=' ';
    return true"
onmouseout= etc. etc">
img scr="yourgif.gif"</A>
Pass over the below RECYCLE image. Feel free to use this on your pages if you wish. (A link to my stuff would be nice! The animation itself is: recyc2.gif)

PLEASE RECYCLE!
Remember folks, Mr. Natural sez it

click for more crumbs!


BACK TO BASICS

If you arrived here via a search engine please click here to open the full site!