Effetto “onmouseover”



Passa col cursore sull’immagine

Questo trucco permette di mostrare un’immagine che, al passaggio del cursore su di essa, cambia in una seconda immagine. Può essere utile per realizzare pulsanti complessi o semplici effetti, magari per un simpatico Easter egg.

 

Per ottenere l’URL di un'immagine, carica l’immagine in una pagina nascosta del tuo sito, vai in modalità anteprima, fai click destro col mouse sull'immagine e seleziona “Copia URL immagine”.

 

Se vuoi rendere cliccabile l’immagine, utilizza i valori contrassegnati in chiaro. Puoi cancellare tali valori se preferisci avere un’immagine non cliccabile, come nell’esempio riportato.

 

Widget/HTML
<a href="URL link">
 <img
   src="URL immagine 1"
   onmouseover="src='URL immagine 2'"
   onmouseout= "src='URL immagine 1'"
 />
</a>


Hai trovato l'articolo utile?        No