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:
Chandra
Posted 25 days ago 88Great Collection! Thank You so much for sharing.
Mehfuz
Posted 29 days ago 87A good menu. used it.
awsesome !!
WebdesignSeller.com
jivara
Posted 35 days ago 86Yes, this is great. Thank you!
We implemented at sweet album music
Suman
Posted 17 days ago 89nice one….but which one of above did you used…?? need something similar…for a site…i am designing :)
Lokesh
Posted 53 days ago 85A good collection of links. Appreciate the effort.
Sumu
Posted 91 days ago 83This is awesome. Thanks for putting together.
Dibakar Sahoo
Posted 92 days ago 82Good unique collelctions.. thanks
wwebol
Posted 94 days ago 81Great article! I use a lot of this solutions at strony www Poznań
Thanks!
נתי נוישטיין
Posted 110 days ago 80realy great collection and a realy good tutorial, tnx
V4
Posted 137 days ago 79Quick & Pro Menu creates a special style of jQuery menus which is only seldom seen in Websites.
http://bit.ly/qjhA2Q
pankaj
Posted 138 days ago 78nice
Web Development in Pakistan
Posted 162 days ago 77Thanks for sharing.
We implemented at Web Development in Pakistan
smiindia
Posted 162 days ago 76Nice tutorial Thanks really unique collection thank you
Andy
Posted 91 days ago 84Yes, this is great. Thank you!