onMouseOver Example Code

<SCRIPT>

var displayStatus = "Click here for more information about our Fine Displays";
var birdcageStatus = "Click here for more information about our Birdcage Accessories";
var plasticStatus = "Click here for more information about Custom Plastic Fabrication";

if (document.images) {
     var displayOn = new Image();
     displayOn.
src = "images/displayOn.gif";

     var displayOff = new Image();
     displayOff.src
= "images/displayOff.gif";

     var birdcageOn = new Image();
     birdcageOn.src
= "images/birdcageOn.gif";

     var birdcageOff = new Image();
     birdcageOff.src
= "images/birdcageOff.gif";

     var plasticOn = new Image();
     plasticOn.src= "images/plasticOn.gif";

     var plasticOff = new Image();
     plasticOff.src
= "images/plasticOff.gif";
}

function imgOn(imgName) {
     if (
document.images) {
          document[imgName].
src = eval(imgName + "On").src;
         
// OR document.images[imgName].src = "images/" + imgName + "On.gif";
          // OR document[imgName].src = "images/" + imgName + "On.gif";
     }
    
status = eval(imgName + "Status");
}

function imgOff(imgName) {
     if (
document.images) {
          document[imgName].
src = eval(imgName + "Off").src;
         
// OR document.images[imgName].src = "images/" + imgName + "On.gif";
         
// OR document[imgName].src = "images/" + imgName + "Off.gif";
     }
    
status = "";
}

</SCRIPT>

<BODY>

<A HREF="display.htm"
  onMouseOver="imgOn('display'); return true;"
  onMouseOut="imgOff('display')">
<
IMG NAME="display" SRC="images/displayOff.gif" ALT="Fine Displays">
</A>

<A HREF="birdcage.htm"
  onMouseOver="imgOn('birdcage'); return true;"
  onMouseOut="imgOff('birdcage')">
<
IMG NAME="birdcage" SRC="images/birdcageOff.gif" ALT="Birdcage Accessories">
</A>

<A HREF="plastic.htm"
  onMouseOver="imgOn('plastic'); return true;"
  onMouseOut="imgOff('plastic')">
<
IMG NAME="plastic" SRC="images/plasticOff.gif" ALT="Custom Plastic Fabrication">
</A>