disign.it | Rollover javascript con il minimo del codice | a digital sign for a best design!
A digital sign for a best design
Javascript 2.312 visualizzazioni

Rollover javascript con il minimo del codice

25/07/2011

Dreamweaver per realizzare un roll over impiega un javascript piuttosto lungo e complesso, manualmente è possibile ridurrele righe di codice a veramente pochissime battute, ottimizzando la realizzazione dei rollover. L'unica nota da segnalare è che in questo caso per migliorare l'effetto è opportuno fare un preload delle immagini necessarie.
Nell'esempio fornito utilizziamo un testo come 'interruttore' e agli eventi onmouseover attribuiamo le azioni nomeimamgine.src=nome_del_file_di_roll_over, e onmouseout invece ripristiniamo l'immagine originale in questa maniera:
 [a href="#"  onmouseover=pippo.src="busta_on.png" onmouseout=pippo.src="busta.png"]   busta   [/a]
  [img src="busta.png" width="12" height="13" name="pippo" border="0" /] 
 
  Qui potete vedere l'esempio!

← Javascript aggiungi al bookmark Rollover con unica immagine →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.