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

IMG01 = "on.gif"  //image when mouse is over the link

IMG02 = "off.gif" //image when mouse isn't over the link

function imgover(imgname){

     imgname.src = IMG01

}

function imgout(imgname){
     imgname.src = IMG02
}
//-->
</script>
</head>
<body>
<center><h1>Hot Links</h1></center>
<p>This Javascript displays a small arrow before the link which you have your mouse over.</p>
<img name="IMG01" src="off.gif" width=10 height=10 border=0>  
<a href="index3.htm" onmouseover="imgover(IMG01)" onmouseout="imgout(IMG01)">Home Page</a>
<br>
<img name="IMG02" src="off.gif" width=10 height=10 border=0>  
<a href="http://www.yahoo.com" onmouseover="imgover(IMG02)" onmouseout="imgout(IMG02)">Yahoo!</a>