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

function ShowText (z) {
var message;
        
   if (z == 1)
      message = "IRT.ORG. Loads of articles and FAQs about JavaScript, DHTML, CSS, HTML, Java, and such; an ideal resource for Webmasters.";
   else if (z == 2)
      message = "Alan's Page. My home page. Information about Greenwich and Charlton, which is where I live, plus Java and JavaScripts.";
   else if (z == 3)
      message = "The HTML Goodies Home Page, by Joe Burns, Ph.D.. The Doc's page has anything and everything you'll ever need to learn HTML and building your own homepage!"; 		
   else 
      return false;
   document.messages.Mytext.value = message;
      return true;
}      

if (document.images) {
   ImageOver = new Array(4);                
   ImageOut = new Array(4);
   ImageOver[1] = new Image;
   ImageOut[1] = new Image;
   ArrowOver = new Array(4);                
   ArrowOut = new Array(4);
   ArrowOver[1] = new Image;
   ArrowOut[1] = new Image;

   for 	(var m = 2; m <= 3; m++) {
       	ImageOver[m] = new Image;
     	ImageOut[m] = new Image;
    	ArrowOver[m] = new Image;
    	ArrowOut[m] = new Image;
	}

   for 	(var t = 1; t <= 3; t++) {
    	ImageOver[t].src =""+t+".gif";
    	ImageOut[t].src =""+t+"b.gif";
    	ArrowOver[t].src="buttona.gif";
    	ArrowOut[t].src="buttonb.gif";  
    	}
}

        
function ImgOver(i) {
   if (document.images) {  
      document.images["con" + i].src = ImageOver[i].src;  
      document.images["pop" + i].src = ArrowOver[i].src;
   }   
}

function ImgOut(i) {
   if (document.images) { 
      document.images["con" + i].src = ImageOut[i].src;  
      document.images["pop" + i].src = ArrowOut[i].src;
   }
}
              
//-->
</script>
</head>
<body>
<center><h1>Rollover Links with Text Descriptions</h1></center>
<p>Place your mouse over the word 'links'.</p>
<div align="center">
<form name="messages">
<table border="2" cellspacing="0" cellpadding="5" bgcolor="#C0C0C0">
<tr>
   <td colspan="3" align="CENTER"><font size="+2" color="#004080"><b>My Menu</b></font>
   </td>   
</tr>
<tr valign="top">
   <td align="center">
   <img name="pop1" src="buttona.gif">
   </td>
   <td align="center" valign="middle">
   <a href="http://www.irt.org" onMouseOver='ImgOut("1");ShowText("1")' onMouseOut=ImgOver("1")>
   <img name="con1" src="1.gif" border="0"></a>
   </td>
   <td rowspan="3" align="CENTER" valign="MIDDLE"><textarea name="Mytext" rows="6" cols="30" wrap="virtual"></textarea></td>
</tr>
<tr valign="top">
   <td align="center">
   <img name="pop2" src="buttona.gif">
   </td>
   <td align="center" valign="middle">
   <a href="http://ourworld.compuserve.com/homepages/APalmer/" onMouseOver='ImgOut("2");ShowText("2")' onMouseOut=ImgOver("2") target="_top">
   <img name="con2" src="2.gif" border="0"></a>
   </td>
</tr>
<tr valign="top">
   <td align="center">
   <img name="pop3" src="buttona.gif">
   </td>
   <td align="center" valign="middle">
   <a href="http://www.htmlgoodies.com" onMouseOver='ImgOut("3");ShowText("3")' onMouseOut=ImgOver("3") target="_top">
   <img name="con3" src="3.gif" border="0"></a>
   </td>
</tr>
</table>
</form>
</div>