immagini roll over

Roll Over semplicissimo
In oggetto HTML oppure in oggetto testo,
codice inserito:

<img src="blu.gif" onmouseover="this.src='rossa.gif'" onmouseout="this.src='blu.gif'">

In rosso, percorso e nome immagini usate. Le due immagini sono queste



e qui sotto l'effetto:

Ora, con collegamento ipertestuale dovrebbe diventare così

<a class="ImLink" href="#"><img class="imImage" src="blu.gif" width="161" height="30" alt="Testo Alternativo" onmouseover="this.src='rossa.gif'" onmouseout="this.src='blu.gif'"/></a>

Con collegamento ad un'altra finestra
<a class="ImLink" href="javascript:imPopUpWin('#',0,0,'yes','yes');"><img class="imImage" src="blu.gif" width="161" height="30" alt="Testo Alternativo" onmouseover="this.src='rossa.gif'" onmouseout="this.src='blu.gif'"/></a>

Per collegare una pagina, nel codice, sostituire
#
con il nome e percorso della pagina di destinazione es.
href="pagina_1.html"
.