10 tutorial jQuery per creare menu di navigazione cool

Cerca su Google da vero esperto
Ottimizzare la ricerca con Google: mini guida per trovare tutto quello che ci serve
6 May 2009
Creare un profilo personale con Google? Da oggi è possibile
8 May 2009
Mostra tutto

10 tutorial jQuery per creare menu di navigazione cool

10 menu di navigazione con jQuery

10 menu di navigazione con jQuery

La navigazione è un elemento molto importante nel Web Design: per questo motivo, spesso si punta ad ottenere menu di navigazione semplici e intuitivi, il più possibile a misura di utenti. Semplicità, però, non è sinonimo di grafica basic e di effetti grafici pari a zero: un menu può essere pulito e visivamente piacevole anche con qualche elaborazione aggiuntiva.

Integrare il menu del proprio sito con alcuni effetti interessanti aiuta a migliorarne l’aspetto e dà quel tocco in più. Se siete alla ricerca di un menu un po’ diverso dal solito, jQuery è l’opzione migliore; ecco 10 ottimi tutorial per creare menu di navigazione ad alto impatto mixando jQuery e CSS.

1. Creare un menu con effetto dissolvenza (o Fading) con jQuery

jQuery menu color fading

2. Utilizzare jQuery per animazioni di sfondo delle immagini

jQuery animazioni

3. Come fare un semplice menu animato con jQuery

jQuery smooth menu

4. Riprodurre l’header di Digg: tutorial & Download

jQuery header DIGG

5. Creare un menu di navigazione Keypress utilizzando jQuery

jQuery Keypress

6. Imparare ad utilizzare jQuery: sostituire il contenuto del menu a dissolvenza (o Fading)

jQuery Replacing

7. Menu “lavalamp” per gli amanti di jQuery

jQuery Lavalamp

8. Realizzare una navigazione animata con CSS e jQuery

jQuery cool animated menu

9. Creare un menu in stile Apple e ottimizzarlo con jQuery

jQuery stile Apple

10. È ora di Javascript e CSS Sprite!

jQuery Javascript

[Spunti]

2 Comments

  1. Alan scrive:

    Interessanti questi menu di navigazione! Mi piace molto il “lavalamp”; è semplice ma professionale.

  2. Kikee scrive:

    Grazie per il passaggio Alan! Anche io trovo che il lavalamp sia davvero carino :)

Lascia una risposta

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>