10 tutorial jQuery per creare menu di navigazione cool

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]

Kikee

Una geek girl in tutto e per tutto, è appassionata di high tech e nuovi media e non potrebbe vivere senza il suo computer. Per lei il Web è un mondo tutto da scoprire e non passa mai meno di 10 ore al giorno davanti allo schermo del pc.

2 commenti

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

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

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *