disign | Rollover javascript con il minimo del codice | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/rollover-javascript-con-il-minimo-del-codice-208-46-1.html

© Luca Frassineti

Javascript 3.241 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!

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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