Rollover i länklista

Om man har en lista med länkar och vill markera den som man har musen ovanpå kan man göra följande

Sätt in följande kod i HTML dokumentet:

<script language="JavaScript">
<!--
if (document.images)
{
    pil = new Image(10,10);
    pil.src = "pil.gif";
    boll = new Image(10,10);
    boll.src = "boll.gif";
}

function doOverNav( vilken )
{
    if (document.images)
        // sätt bilden till den bild som finns i den variabel
        document.images[vilken].src = pil.src;
}

function doOutNav( vilken )
{
    if (document.images)
        // sätt bilden till den bild som finns i den variabel
        // som har samma namn som parametern
        document.images[vilken].src = boll.src;
}

//-->
</script>

<img name="bild1" src="boll.gif" width=10 height=10 border=0>
<a href="http://www.somewhere.com"
    onmouseover="doOverNav('bild1')"
    onmouseout="doOutNav('bild1')">
En länk till nån sida....
</a>
<br>
<img name="bild2" src="boll.gif" width=10 height=10 border=0>
<a href="http://www.somewhat.com"
    onmouseover="doOverNav('bild2')"
    onmouseout="doOutNav('bild2')">
En länk till nån annan sida....
</a>

Detta börjar se ut så här:

En länk till nån sida....
En länk till nån annan sida....

Observera att någon av bilderna kan även vara en tom (transparent) bild...