Visto il successo dell’altro articolo Css Img hover immagini mouse, ho deciso di mostrarvi un’altro metodo di image hover semplificato sul DIV, che può essere implementato velocemente con il collegamento ipertestuale con JS.
Per testare il codice, utilizzate il codice sottostante ricordandovi di modificare gli indirizzi delle immagini:
<h2>Demo</h2>
<style>
#.hover1{width:180px; height:121px; background:url(indirizzo1;}<br />
#hover1:hover{width:180px; height:121px; background:url(indirizzo2);}<br />
</style>
<a id="hover1"></a>
Demo
Per implementare il collegamento ipertestuale sulla vostra immagine potete sia utilizzare JS in questo modo:
<a class="hover1" href="#"></a>