Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="I widget di Liquida per il tuo blog">Widget</a>

Come Rendere L’effetto Hover Speciale Con jQuery

Scritto da fedeweb. Pubblicato in Javascript

Pubblicato il 12 maggio 2010 con 2 Commenti

Nella progettazione di un sito web ci sono numerosi dettagli da curare, tra cui l’effetto hover al passaggio del mouse sopra un link.

Alexander Wallin di afehenholm propone una soluzione davvero originale, sfruttando il framework jquery.

Tutto quello che dovrai fare sarà inizializzare lo script tra i tag head e applicare la funzione hoverAttribute ai link.

Ecco un esempio di codice da inserire tra i tag head

Nel body invece avrai un normalissimo link, come questo

Alexander Wallin on Facebook

Semplice vero? e funziona anche con Internet Explorer 6!

Per tutte le altre personalizzazioni e per scaricare i sorgenti ti invito a visitare la pagina ufficiale.

About fedeweb

Federico Pian è un web designer freelance e insegnante , che ama condividere le proprie conoscenze e rendere tutti partecipi della sua passione. Guarda il suo portfolio e cosa sa fare nei tutorial. Scopri più informazioni su di lui nella pagina mi presento.

2 Commenti

  1. Gigi88

    12 maggio 2010 at 23:55

    ciao fede!

    prossimamente voglio provare un po’ di jquery (ovviamente applicato e già pronto XD) con questo articolo mi hai appena confermato che lo si può integrare normalmente in html (mi sbaglio?).. grazie! =D

    Rispondi

  2. fedeweb

    14 maggio 2010 at 10:55

    Ciao Gigi e benvenuto nel blog ;)
    No non sbagli! E se hai qualche difficoltà chiedi pure!

    Rispondi

Trackbacks & Pingbacks

  1. Tweets that mention Come Rendere L’effetto Hover Speciale Con jQuery | Fedeweb -- Topsy.com

Lascia un commento