g--- r--- a--- f--- i--- c--- a
immagini animate
e cliccabili



I bottoni cliccabili animati (di cui e' fatto largo in queste pagine) sono un ottimo strumento per migliorare graficamente i propri siti, rendendoli piu' dinamici ed accattivanti.
Cerchero', di seguito, di spiegare la procedura per creare tali effetti.

Creiamo due immagini di nome "link_3a.gif" e "link_3b.gif". Le immagini devono essere di identica altezza e larghezza. "link_3a.gif" e' quella visualizzata di default, quando il cursore del mouse non la sfiora; "link_3b.gif" e', invece, l'immagine che viene visualizzata quando il cursore del mouse vi passa sopra.
Ecco di seguito le due immagini create (110x30 pixels):

Immagine visualizzata di default Immagine visualizzata quando vi passa il cursore del mouse


Create le due immagini e' necessario inserire codice javascript all'interno del documento da associare alle due immagini stesse.
La prima parte del codice javascript va inserita tra i tag <HEAD></HEAD>
Ecco il codice:



La seconda parte dello script va inserita tra i tag <BODY></BODY>, quindi all'interno del documento la' dove intendiamo posizionare l'immagine cliccabile.
Il codice da inserire e' il seguente:


"nome" e' un attributo molto importante, in quanto e' quello che lo script assegna alle immagini (non e', pero', il nome del file, che come sappiamo e' "link_3a.gif).

Finalmente ecco il risultato dello script:

Clicca qui




Clicca qui per maggiori informazioni




codice
grafica
varie
html point
Guida al linguaggio e alla programmazione HTML di Massimiliano Valente - 1998