Ładowanie Ładowanie

Artykuł > Gotowe menu na stronę WWW: 7 ciekawych skryptów wykorzystujących...

strony: 1 | 2 | 3 | 4 następna »
wydrukuj: print publikuj: wykop dodaj do flakera Dodaj jako nius na OSnews.pl! delicious

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

2010-06-14 09:53:00 | Grzegorz Rozpara
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.

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/

Najnowsze wiadomości
1 | 2 | 3 | 4 następna »

reklama

strony: 1 | 2 | 3 | 4 następna »
wydrukuj: print publikuj: wykop dodaj do flakera Dodaj jako nius na OSnews.pl! delicious

Czytaj webhosting.pl:

Dyskusja

dodaj komentarz
0 + -
comnt #01 dAREuS® 2010-06-14 12:59:02
dAREuS Jakie to przyjemne, że liczba skryptów i możliwości tak pięknie wzrosła w tym względzie.
------------------
dAREuS

Browser: 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
0 + -
comnt #02 ZSzymon 2010-06-14 13:41:45
ZSzymon Mozna tez sprobowac kreatora menu
------------------
Browser: Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
0 + -
comnt #03 hooker 2010-06-14 18:22:31
hooker Fajne... :) Takie flashowe... ;)
------------------
Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
0 + -
comnt #04 dAREuS® 2010-06-14 18:50:51
dAREuS 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.
------------------
dAREuS

Browser: 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
0 + -
comnt #05 Pietrov® 2010-06-14 20:26:14
pietrov8 No naprawdę ekstra efekty przedstawione są za pomocą jquery. Flash w pewnym stopniu odchodzi w odstawkę. Fajnie to wszystko ogląda ;)
------------------
www.pit-lane.info

Browser: 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
0 + -
comnt #06 kotos.net 2010-06-16 12:54:55
------------------
Browser: 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)

Komentarze

  • Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
  • Jeśli masz problemy z odczytaniem słów, zmień zdjęcie.
  • Używamy tego zabezpieczenia, ponieważ dzięki niemu rozwija się projekt reCAPTCHA. Sugerujemy jednak, by zarejestrować się w serwisie i w ten sposób ominąć konieczność ciągłego odczytywania wyrazów.
  • W treści komentarza można używać języka formatowania BBcode.