300+ Jquery, CSS, MooTools and JS navigation menus
Dainis GraverisIf You are web developer great navigation menus always comes handy. I united this list for people like me, who sometimes wants to do job fast and choose from already prepared examples, which are easy to use. So here are many resources starting from very simple HTML and CSS navigation menus, until very complicated and advanced jQuery, JavaScript and MooTools techniques used to get maximal control with fading, sliding, dragging etc. effects. Be sure to bookmark this site for later use!
1.Fancy menu – very cool navigation menu:
2. Excellent CSS dock menu for MAC lovers made with jQuery:
3. 37 different CSS navigation techniques:
4. Almost 5 years old menu, but looks great:
5. Nice jQuery sliding effect menu with 4 different examples:
6. Updated JQuery Nested Tab Set with Demo;
7. Vertical Flyout JavaScript Menu;
8. 13 hand-picked Vertical and horizontal CSS Menus ;
9. Different tutorials for CSS menu creation;
10. Big library of vertical CSS menus from dynamicdrive.com;
11. Nice collection of ~150 different CSS menus from CSSplay.com – regularly updated.
I really recommend You to visit this site:
12. Menu with simple show/hide effect – 2 examples with CSS and MooTools;
13. Superfish v1.4.8 – jQuery menu plugin;
14.Accessible Image-Tab Rollovers;
15. Simple CSS vertical menu Digg-like;
16. Simple Javascript Accordions;
17. Unique navigation menu using jQuery and MooTools:
18.CSSmenumaker.com – offers professional CSS menus;
19. Cool JavaScript menus from JavaScriptkit.com;
20. Create a multilevel Dropdown menu with CSS and improve it via jQuery
21. jdMenu Hierarchical Menu Plugin for jQuery – vertical multilevel dropdown list;
22. Amazing apple style navigation menu:
23. Accordion style jQuery menu:
24. Cool animated navigation with CSS and jQuery:
26. 35 different unique Jquery demos with different features
27. Jquery fastfind menu – click toogle menu, to get popup navigation menu:
28. jQuery idTabs – 8 different cool jQuery examples:
29. jQuery ContextMenu – lightweight jQuery plugin that lets You selectively override the browser’s right-click menu with a custom one of your own:
30. jQuery UI tabs – different tab effects as simple tab, start with custom tab, slide effect, fade effect and much more;
31. iconDock jQuery – one more similar navigation to MAC OS X dock effect;
32. SlidingMenu – very simple sliding menu using the effects provided by Interface (think Script.aculo.us for Prototype)
33. Tabbed navigation
These eleven menus are created using the Sliding Doors technique, these menus work also correctly in Internet Explorer.
34. Another CSS tabbed navigation:
35. 9 different CSS block menus:
36. 12 more different CSS menus.
37. ADxMenu – 4 different examples of cool navigation menus:
39. At CSSmenubuilder is huge list of different and modern look menus, take Your best pick:
40. Huge list of different menu examples:
41. CSSmenus: horizontal and vertical:
42. Great navigation and little more, one of the popular accordion versions:
CSS menu generators:
This generator allows You to create 3 different styles of menu
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
Dewi Nurdiyah
Posted 278 days ago 75Wow.. Amazing, lumayan deh… bisa gua download
La Boite Digitale
Posted 284 days ago 74Nice tutorial, thank you for share
pembe maske
Posted 298 days ago 73Thank you Admin approves this comment
anupal
Posted 315 days ago 72well done thanxx
Georcious
Posted 323 days ago 71good work man! thanks …
Web Sitesi Tasarımı
Posted 326 days ago 70great resource for menu design .
dibeesh
Posted 333 days ago 69u r great buddy…great collection………..suprbbbbbbbbbbbbb…keep da good work
Laxmidhar
Posted 334 days ago 68wow , very nice
Webdesign Bamberg
Posted 340 days ago 67Wow, great list!
Kahif
Posted 345 days ago 66thanks…for the navigations….
Marry Wilbourne
Posted 374 days ago 65I and my pals have been analyzing the nice helpful hints located on your web blog then immediately I had a terrible feeling I had not thanked the site owner for those strategies. All of the women had been as a result joyful to read all of them and have now in reality been taking pleasure in these things. Appreciate your actually being considerably considerate as well as for getting certain amazing things most people are really wanting to understand about. My honest regret for not expressing appreciation to you earlier.
Flemming
Posted 425 days ago 64Awesome list! I needed new inspiration and found it. Thanks.
Düzce
Posted 621 days ago 63This is a blinding set of menu’s!
Well done
kapadokya
Posted 669 days ago 62very good blog thanks for web..
dhwani
Posted 695 days ago 61Thank you.. superb collection.. !!! its really helpful…
sikiş
Posted 710 days ago 60Thanks for all the work, really helpful!
Eryaman hali yikama
Posted 713 days ago 59Good information and good way your blog post. Good luck blogger man.
kirtasiye
Posted 716 days ago 58Verry nice tutorial, thanks.
rakesh sinhg
Posted 721 days ago 57Really excellent collection and thanks for sharing jquery and css
sikiş
Posted 727 days ago 56Good stuff, thanx!Good stuff, thanx!
.-= sikiş´s last blog ..Chica de Contrabando – Camara Escondida =-.
DldBox
Posted 744 days ago 55Thanks really unique collection and more stuff,
Thanks for every thing, Bye…
.-= DldBox´s last blog ..Tom Clancys Splinter Cell Conviction =-.
Burak
Posted 758 days ago 54Super tutorials grear share.Thanks a lot.
.-= Burak´s last blog ..Tasarımcılara Söylenen 10 Yalan =-.
Russell
Posted 761 days ago 53This year I read about Whooga’s in a fashion forum and decided to give them a try. I ordered a size too small initially and had to return them for a 6 which was a bit annoying but eventually worth the wait, I’m a 5.5 in most shoes but boots sometimes vary between 5.5 and 6. I probably should have measured my foot
cuaryos
Posted 786 days ago 52css and java script is greater way to greatest visualization web. thank you.
.-= cuaryos´s last blog ..Breathing Treatments For Lung =-.
R.Ramich
Posted 800 days ago 51Danke danke. Seeeehr gute Sammlung ;)