15 Best jQuery Navigation Plugins

The tiny navigation in your site decides if a two second long visit is memorable or not! Spice up your web user interface with this colelction of easy to use yet eye catching navigation plugins and tutorials.

1. jQuery Tutorial – Create A JQuery Navigation

In this tutorial I will show you how to incorporate the fade in, fade out effect into a working block style navigation.show you how to incorporate the fade in, fade out effect into a working block style navigation.

2. A Stylish Navigation Menu With jQuery

In this tutorial we are going to make a stylish CSS + XHTML navigation menu with the help of the jQuery library.

3. Creating a navigation menu with CSS & jQuery

This simple jQuery Tutorial explains the process of Creating a navigation menu with CSS & jQuery.

4. Vertical CSS menu with jQuery toggle effect

Learn how to create a vertical css menu with a show/hide feature in jQuery.

5. Superfish jQuery Menu Plugin

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 several much-sought-after enhancements.

6. jQuery Tutorial – How to implement a perfect multi-level navigation bar

In this tutorial I want to illustrate you how to implement a perfect multi-level navigation bar using HTML, CSS and some lines of unobtrusive JavaScript code with jQuery to show and hide sub sections.

7. Animated Navigation Bar Using jQuery

A jQuery Tutorial to create an Animated Navigation Bar Using jQuery.

8. jQuery ListNav Plugin

This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list.

9. Rounded corner CSS navigation bar with jQuery

In thi Tutorial, I will show you how to add some nice round corner effect to your anchor elements with jQuery. And yes, we will be doing this without using any image.

10. Breaking the WSS Top Link Bar in two with jQuery

A simple jQuery Tutorial for breaking the WSS Top Link Bar in two with jQuery .

11. jQuery Tutorial – How to Make a Smooth Animated Menu with jQuery

Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects.

12. jQuery Tutorial – Create an apple style menu and improve it via jQuery

Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.

13. Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect … but we’ll do it in jQuery!

14. jQuery Tutorial – Create iPod-style Drilldown and Flyout Menu

The iPod-style menu provides easy navigation of complex nested structures with any number of levels. The entire menu sits within a fixed-size area, and when a node is selected, by default a “Back” link appears below the menu to allow navigation to previous (parent) menus, or set options to show breadcrumb links above the menu options to both deliver feedback and allow quick access to nodes higher up in the hierarchy.

15. jQuery Tutorial – Create A Sliding Jquery Menu

Hi there welcome to another tutorial, in this tutorial il show you 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.