immagini roll over


Vai ai contenuti

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>

Testo Alternativo



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>

Testo Alternativo

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


Torna ai contenuti | Torna al menu