Site navigation menu is a very important tool a visitor goes through to access the content. Today we will take a look at best jquery navigation menu to enhance your website.
1. jQuery & CSS Example – Dropdown Menu
The article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design.
2. jQuery Tabbed Interface / Tabbed Structure Menu
This tutorial will show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect.
3. Animated Menus Using jQuery
How to create an animated menu (very similar to Dragon Interactive’s menu).
4. Fisheye JavaScript Menu
Fisheye Menu is an expanding menu based on the MacOSX doc.
5. Sliding JavaScript Menu Highlight 1kb
This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to fit your “look and feel”.
6. Create a Cool Animated Navigation with CSS and jQuery
How to build a really cool animated navigation menu using just CSS and jQuery.
7. Create a multilevel dropdown menu with CSS and improve it via jQuery
Learn how to create a multi level dropdown menu, and improve it with a little bit of jQuery.
8. jQuery ListNav Plugin
An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter.
9. Sliding Jquery Menu
Learn how to create a sliding menu button using jquery. You can see the effect in action over on the PSDtuts webpage in the top right hand corner.
10. CSS Sprites2
Create inline menu navigation using CSS Sprites2.
11. CSS Dock Menu
Learn how to create CSS dock menu Mac style.
12. Kwicks for jQuery
Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget.
13. Dynamic Page / Replacing Content
14. Smooth Animated Menu with jQuery
Learn how to build a menu and animate it with some smooth effects.
15. Vimeo-like top navigation
How to create top navigation like on Vimeo.com.
16. Slick Tabbed Content Area using CSS and jQuery
How to build a simple little tabbed information box in HTML, then make it function using Javascript, and then finally we’ll achieve the same thing using the jQuery library.
17. Animated Drop Down Menu with jQuery
Learn how to create animated drop down Menu with jQuery.
18. A Stylish Navigation Menu With jQuery
How to make a stylish CSS + XHTML navigation menu with the help of the jQuery library.
19. Garagedoor Effect using jQuery
Here is the Garage Door effect, now in jQuery.
20. Using jQuery for Background Image Animations
Changing the position of the background image felt to be the best approach to creating the type of effect we’re looking for.
21. Floating HTML Menu Using jQuery and CSS
Learn how to create floating HTML menu using jQuery and CSS.
22. Coda-Slider
Learn how to create Coda-Slider.
23. Mega Drop Down Menus w/ CSS & jQuery
Mega drop down menus tested to be more efficient for large scale websites.
24. Use Sprites to Create an Awesomeness-Filled Navigation Menu
CSS sprites can dramatically increase your site’s performance. With jQuery, we can implement awesome transition effects easily.
25. Tab Navigation with Smooth Horizontal Sliding Using jQuery
How to create a navigation menu that slides horizontally.
26. droppy – Nested drop down menus
Quick and dirty nested drop-down menu in the jQuery style.
27. Creating a navigation menu with CSS & jQuery
Learn to create a navigation menu with CSS & jQuery.
28. Apple style menu and improve it via jQuery
Learn how to create an Apple style menu and improve it via jQuery.
29. Sexy Drop Down Menu w/ jQuery & CSS
Learn to create sexy drop down menu with jQuery and CSS.
30. Mega Drop-Down Menu with jQuery
Tutorial about how to create mega drop-down menu with jQuery.
31. CompareNetworks jQuery’d Bread Crumb – jBreadCrumb
This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages.
32. ‘Mootools Homepage’ inspired navigation effect using jQuery
Learn how to create a ‘Mootools Homepage’ inspired navigation effect using jQuery.
33. Keypress Navigation Using jQuery
Learn how to create a keypress navigation using jQuery.
34. LavaLamp for jQuery lovers
The nifty effect of Lava Lamp.
35. UvumiTools Dropdown Menu
It is a very simple multi-level menu built from an HTML unorderd list, using Mootools Javascript Framework.
36. Simple Javascript Accordions
Learn how to create a simple javascript accordions.
37. MenuMatic
MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system.
How to create an amazing slide out menu or navigation for your website.
38. Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
39. jQuery UI Selectmenu
Create variety of the features currently supported in the selectmenu plugin.
40. jQuery OS X-style – Dock And Stack Navigation
Learn to create OS X-style – Dock And Stack Navigation.
41. Superfish
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements.
42. Fresh Content Accordion
Learn how to make a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.
43. Color Fading Menu with jQuery
A short jQuery tutorial on how to achieve fading hover effects.
44. jQuery Tabbed Navigation
How to create a tabbed navigation script with jQuery, and then modifying it so that it works without JavaScript.
45. Elastic Thumbnail Menu
Magnifies menu items when they are hovered over.
46. BDC DrillDown Menu, an iPod-style menu
A drilldown menu takes up constant space like an accordian menu but offers the deep hierarchy of a flyout menu at the same time.
47. jQuery mb.menu
This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way.
48. A Different Top Navigation
This tutorial will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.
49. Slide out and drawer effect
The effect is commonly known as an ‘accordion’ and it’s usually used to slide up, or down blocks of content to expose new blocks. The Apple web site is a great demonstration of this effect in action, where the mouse settles on the title of the ’section’ and the associated links are exposed.
50. Vertical Scroll Menu with jQuery Tutorial
Create a vertical scroll menu that scroll automatically according to your mouse axis-Y movement.
51. jQuery idTabs
idTabs is simple and easy to use.
52. jQuery File Tree
jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.
