Gotowe menu na stronę WWW: 7 ciekawych skryptów wykorzystujących jQuery

W niniejszym artykule pokażemy kilka funkcjonalnych skryptów menu nawigacyjnego stron WWW dla strony WWW. Nie są to oczywiście „jedynie słuszne skrypty" dostępne w Sieci, jednakże ich efektywność idzie w parze z łatwością implementacji. Ułatwią więc życie każdego dewelopera, który chce wdrożyć menu szybko i bez problemów.

1. jQuery Context Menu

jQuery Context Menu, jak sama nazwa wskazuje, jest pluginem menu kontekstowego. Wykorzystując jego obsługę CSS, dostaniemy pełną kontrolę nad wyglądem, a poprzez skróty klawiszowe wygodniejszy dostęp do jego elementów. Dodatkowym atutem jest możliwość manipulowania poszczególnymi funkcjonalnościami „w locie", np. włączaniem lub wyłączaniem menu na pasujących elementach.

Tutorial: http://abeautifulsite.net/2008/09/jquery-context-menu-plugin/

Demo: http://labs.abeautifulsite.net/projects/js/jquery/contextMenu/demo/

2. Soh Tanaki Menu

Jeśli natomiast chcemy, żeby nasze menu posiadało proste i eleganckie zarazem efekty animacji, powinniśmy przyjrzeć się pluginowi autorstwa Soh Tanaki. Efekt animacji został tutaj osiągnięty dzięki kombinacji CSS i jQuery, a dokładniej za pomocą jQuery.animate, co czyni rezultat końcowy atrakcyjnym również z perspektywy niewielkiego nakładu pracy.

Tutorial: http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/

Demo: http://www.sohtanaka.com/web-design/examples/fancy-navigation/

«poprzednia 1 2 3 4 następna »

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

6 skomentuj »

Komentarze

#1 dAREuS^® 2010-06-14 12:59:02 0
Jakie to przyjemne, że liczba skryptów i możliwości tak pięknie wzrosła w tym względzie.
IP: 188.121.11.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.70 Safari/533.4
#2 ZSzymon 2010-06-14 13:41:45 0
Mozna tez sprobowac kreatora menu
IP: 78.8.102.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
#3 hooker 2010-06-14 18:22:31 0
Fajne... :) Takie flashowe... ;)
IP: 83.145.148.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
#4 dAREuS^® 2010-06-14 18:50:51 0
Flash zmienił oblicze Sieci, nikt tego nie ukrywa. Tylko teraz mamy powrót do esencji, a że chcemy odtworzyć możliwości Flasha - wydaje mi się to naturalne.
IP: 188.121.11.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.70 Safari/533.4
#5 Pietrov^® 2010-06-14 20:26:14 0
No naprawdę ekstra efekty przedstawione są za pomocą jquery. Flash w pewnym stopniu odchodzi w odstawkę. Fajnie to wszystko ogląda ;)
IP: 83.7.1.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.70 Safari/533.4
#6 kotos.net 2010-06-16 12:54:55 0
Tutaj jeszcze troszeczke jAK KTOS SZUKA: http://www.zlwo.com/plugins/15-best-multi-level-menu-jquery-plugins-and-tutorials/
IP: 95.48.63.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 ( .NET CLR 3.5.30729)

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.