Il terzo esempio dove ci sono due o più bottoni. Come precedentemente detto lo sfondo di questa pagina se lo date per automatico, utilizzerà quello della javascript cioè CCFFFF, altrimenti in frontpage "inserisci" - "sfondo".
Lo script da inserire in html
<HTML>
<HEAD>
<script language="JavaScript">
<!-- Hide the script from old browsers --
img0_on = new Image(180,40);
img0_on.src="riccardo_on.jpg";
img0_off = new Image(180,40);
img0_off.src="riccardo_off.jpg";
img1_on = new Image(180,40);
img1_on.src="raccolta_on.jpg";
img1_off = new Image(180,40);
img1_off.src="raccolta_off.jpg";
img2_on = new Image(180,40);
img2_on.src="collezionisti_on.jpg";
img2_off = new Image(180,40);
img2_off.src="collezionisti_off.jpg";
function over_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_on.src");
}
function off_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_off.src");
}
// --End Hiding Here -->
</script>
<title>Multiple Image Mouseover</title>
</head>
<body bgcolor="#CCFFFF">
<br><center><a href="http://www.nuovabrasilia.com/riccardo/riccardo3.htm"
onmouseover="over_image('img0');"
onmouseout="off_image('img0')">
<img src="riccardo_off.jpg" border="0" name="img0">
</a></center>
<br><center><a href="http://www.nuovabrasilia.com/raccolta/raccolta.htm"
onmouseover="over_image('img1');"
onmouseout="off_image('img1')">
<img src="raccolta_off.jpg" border="0" name="img1">
</a></center>
<br><center><a href="http://www.nuovabrasilia.com/collezionisti/collezionisti.htm"
onmouseover="over_image('img2');"
onmouseout="off_image('img2')">
<img src="collezionisti_off.jpg" border="0" name="img2">
</a></center>
</BODY>
</HTML>