<script language=javascript>
<!--Hide this script
agent = navigator.userAgent;
yes = 0;
if(agent.substring(0,7) == "Mozilla")
{ if( parseInt(agent.substring(8,9)) >= 3)
{ yes = 1;
}
}
if(yes)
{
Button_1_0 = new Image();
Button_1_0.src = "gif/one_0.gif";
Button_1_1 = new Image();
Button_1_1.src = "gif/one_1.gif";
}
{
Button_2_0 = new Image();
Button_2_0.src = "gif/3.gif";
Button_2_1 = new Image();
Button_2_1.src = "gif/4.gif";
}
{
Button_3_0 = new Image();
Button_3_0.src = "gif/5.gif";
Button_3_1 = new Image();
Button_3_1.src = "gif/6.gif";
}
function ChangeImage(imgNum,imgName)
{ if(yes)
{ document.images[imgNum].src = eval(imgName + ".src")
}
}
<!--End of hide-->
</script>
and in the links put something like this.
<A HREF="moremouseover.html"
OnMouseOver="ChangeImage('Button_1','Button_1_1');
window.status='testing button 1';return true"
OnMouseOut="ChangeImage('Button_1','Button_1_0');
window.status='';return true">
<img src="gif/one_0.gif" NAME="Button_1" ALT=" " BORDER=0 WIDTH="100" HEIGHT="100" ></a>
<br clear=all><hr width=100 align=left><br>
<A HREF="moremouseover.html"
OnMouseOver="ChangeImage('Button_2','Button_2_1');
window.status='testing button 2';return true"
OnMouseOut="ChangeImage('Button_2','Button_2_0');
window.status='';return true">
<img src="gif/two_0.gif" NAME="Button_2" ALT=" " BORDER=0 WIDTH="100" HEIGHT="100" ></a>
<br clear=all><hr width=100 align=left><br>
<A HREF="moremouseover.html"
OnMouseOver="ChangeImage('Button_3','Button_3_1');
window.status='testing button 3';return true"
OnMouseOut="ChangeImage('Button_3','Button_3_0');
window.status='';return true">
<img src="gif/three_0.gif" NAME="Button_3" ALT=" " BORDER=0 WIDTH="100" HEIGHT="100" ></a>