HTML point - raccolta di JavascriptJavascriptPagina principalesuccessivo

caffe Bottoni cliccabili animati




Script compatibile con Netscape 3 o superiore Script compatibile con MSIE 4


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.
Cercheremo, 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






    • linksGif animateSfondiMidiGuida in italiano a GeocitiesControllo qualitàArea download, scarica le risorse di HTML point in files zippati

    Guida all'HTML in italiano
    Visita la home page di Massimiliano Valente