gebruikte techniek

Dit is een en al JavaSript.

In de head staat al wat javasript, zodat de afbeedingen worden geladen. Dit het het preloaden van de afbeeldingen.
In de link van de afbeelding komt een onmouseOver actie en een onMouseOut actie. De afbeelding heeft een naam gebruikt.
In de code heb ik drie namen gebruikt: watzie, techniek en voorna.

Hier een deel van de code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>derde roll-over</title>

<script language="JavaScript1.4" type="text/javascript">
<!-- verberg dit script voor browsers die geeen javascript ondersteunen
if (document.images) {
watzietNor = new Image;
watzietOver = new Image;
watzietNor.src = 'knop2a.gif';
watzietOver.src = 'knop2b.gif';

techniekNor = new Image;
techniekOver = new Image;
techniekNor.src = 'knop3a.gif';
techniekOver.src = 'knop3b.gif';

voornaNor = new Image;
voornaOver = new Image;
voornaNor.src = 'knop3a.gif';
voornaOver.src = 'knop3b.gif';
}
else {
watzietNor = '';
watzietOver = '';
document.watziet = '';
techniekNor = '';
techniekOver = '';
document.techniek = '';
voornaNor = '';
voornaOver = '';
document.voorna = '';
}

// einde verbergen van javascript-->
</script>
<style type="text/css">
<!--
#menu {
background-color: #FFFF99;
padding: 9px;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
</style>

</head>

<body>

<div id="menu">
<a href="rollover3a.html" onmouseover="document.watziet.src=watzietOver.src" onmouseout="document.watziet.src=watzietNor.src">
<img src="knop2a.gif" name="watziet" width="150" height="30" border="0" />
</a>
<a href="rollover3b.html" onmouseover="document.techniek.src=techniekOver.src" onmouseout="document.techniek.src=techniekNor.src">
<img src="knop3a.gif" name="techniek" width="150" height="30" border="0" />
</a>
<a href="rollover3c.html" onmouseover="document.voorna.src=voornaOver.src" onmouseout="document.voorna.src=voornaNor.src">
<img src="knop1a.gif" name="voorna" width="150" height="30" border="0" />
</a>
</div>