Rollover javascript con il minimo del codice
25/07/2011Dreamweaver 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!