Sådan laver du et billede rollover i javascript

En rollover er de effekter, du kan se på hjemmesiderne, hvis der er et billede eller et link, som ændrer sig, når du fører musemarkøren over billedet.

<p class="center">
<a href="http://rikkelarsen.blogspot.com"
onmouseover="(document.images.knap.src='on.gif')"
onmouseout="(document.images.knap.src='off.gif')">
<img src="off.gif" id="knap" height="48" width="48"
alt="link til Rikkes blog" /></a>
</p>