jQuery has the power to produce amazing effects and that too with little efforts. And when it comes to navigation, jQuery has no competition. We know not every one is the master of jQuey but learning and applying it is not that difficult.
There are many jQuery Navigation tutorials from where you can learn how to add amazing yet uncomplicated effects in the navigation experience of visitors. Have a look.
How To Create A ‘Mootools Homepage‘ Inspired Navigation Effect Using jQuery
Fixed Fade Out Menu
The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.
Sliding Jquery Menu
In this tutorial author will 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.
Create an apple style menu and improve it via jQuery
Author will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
Lots of wordpress websites using a tabbed interface for its category, posts, comments and random posts content. It’s a good “space-saver” and if used it correctly, it can boost your website usability as well. Right, first of all, we need to have the ideas and the design structure for this tabbed interface.
Make a Mega Drop-Down Menu with jQuery
While it‘d be great to do all of this in pure HTML and CSS, it‘s impossible at the moment to get those nice half-second delays — and of course there‘s a pesky problem with Internet Explorer 6, which only supports :hover on anchor elements. Instead, I‘ve whipped up a solution using jQuery and a very nifty plugin called hoverIntent.
Mega Drop Down Menu w/ CSS & jQuery
According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites.Author decided to experiment with different ways of implementing this technique and would like to share how he achieved this method.
Tab Navigation with Smooth Horizontal Sliding Using jQuery
n this tutorial author will show you how to create a navigation menu that slides horizontally.
Use Sprites to Create an Awesomeness-Filled Navigation Menu
CSS sprites can dramatically increase a website‘s performance, and with jQuery, we can implement awesome transition effects easily.
Learn how to make simple and complicated Menu tabs with the help of this tutorial.
Animated Menus Using jQuery
Learn how to animate menus using jQuery.
Creating a navigation menu with CSS & jQuery
Author explained the basics of the jQuery selectors and some of the methods.
Creating a navigation menu with CSS & jQuery
As you remember, we already created the navigation graphics in Photoshop and exported them using the slice tool. Now we use them to create our navigation menu, at the top of the page.
Making accordion menu using jquery
In this post author will show you how can you create fancy accordion menu using jQuery. In this post, you‘ll see two examples of accordion.
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? Here author has done just that by building a menu and animate it with some smooth effects.
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.
Using jQuery for Background Image Animations
Learn how you can use jQuery to give an animation effect to background image.
jQuery ListMenu Plugin
This jQuery plugin, allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system, allowing quick and ‘out-of the-way’ access to hundreds of items.
How to implement a perfect multi-level navigation bar
Create a Cool Animated Navigation with CSS and jQuery
Author is going to build a really cool animated navigation menu using just CSS and jQuery.
A Stylish Navigation Menu With jQuery
In this tutorial author is going to make a stylish CSS + XHTML navigation menu with the help of the jQuery library.
Quick and dirty nested drop-down menu in the jQuery styleee
JQuery Pager Plugin
Usage is very simple indeed. You just give it the number of pages to view, the current page, and a callback method to fire when the pager gets clicked.
Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.
Create Vimeo-like top navigation
What author likes the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.