10 przykładów animowanych menu z wykorzystaniem jQuery i CSS



10 przykładów animowanych menu z wykorzystaniem jQuery i CSS

Niewątpliwie bardzo ważnym elementem każdego serwisu, jest jego menu nawigacyjne. Często to ono nadaje właściwy ton stronie, będąc przysłowiową kropką nad i. Dodatkowo animacja w menu wprowadza element ruchu na stronie, często przełamując statykę reszty strony.

W niniejszym artykule zaprezentowanych zostanie 10 przykładów animowanych menu wykorzystujących bibliotekę jQuery oraz CSS. Do każdego przykładu menu dołączone zostały linki do demonstracji menu oraz do pełnego artykułu, stanowiącego tutorial dla menu.

1. Efektowne menu z wykorzystaniem jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


2. Animowana nawigacja wykorzystująca jQuery i CSS

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


3. Stylowe menu wykorzystujące jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


4. Zanikające menu wykorzystujące jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


5. Rozwijane, animowane menu wykorzystujące jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


6. Rozsuwane menu wykorzystujące jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


7. Animowane menu w jQuery, wykorzystujące zdjęcia

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


8. Sexy Drop Down Menu z użyciem jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


9. Interaktywne menu nawigacyjne w jQuery

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial


10. Menu w jQuery, manipulujące efektami tła

animowane menu jQuery

Zobacz Demo || Zobacz Tutorial

Zapisz się na RSS by dowiadywać się o nowościach w serwisie!Zapisz się na RSS w blog.alchemycode.pl

Related Posts with Thumbnails
Prześlij dalej:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

8 komentarze do “10 przykładów animowanych menu z wykorzystaniem jQuery i CSS”

commenter

długo przyszło czekać na takie efekty bez flasha, ale warto było :)

Alchemy Code | Luty 9th, 2010 at 20:11
commenter

to prawda :) a niedawno wydane jQuery 1.4 i jQuery UI 1.8 przynoszą jeszcze więcej smakowitych kąsków i stwarzają jeszcze większe możliwości.

commenter

Dobre zestawienie i podział demo + tut. ;)

Alchemy Code | Luty 13th, 2010 at 11:55
commenter

dzięki :)

commenter

No no ładne te efekty aż ciężko uwieżyć że to javascript :)

commenter

Wreszcie coś co cieszy oko a nie nazywa się java :) Pozdrawiam

Zostaw komentarz:

Imię (wymagane):
Email:
Strona www:
Komentarz (wymagany):
XHTML: W komentarzach możesz korzystać z nastepujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
-