One of the single most important elements on a website is the navigation. For a website to work properly the navigation needs to be laid out well, intuitive and most of all useful. In the past when you wanted to do anything interesting with your navigation it took complex programming languages or Flash to achieve, today that is different. jQuery is an excellent choice for creating dynamic, exciting navigation without all the hours of programming. Check out these 35 awesome jQuery plugins for creating the perfect website navigation. Check out the demos and download the already-built scripts and add them quickly and easily to your site.
Interested in more jQuery tutorials, take a look at jQuery image plugin tutorials
Puffer Fish Navigation
Rollover navigation with a glow
Sexy Drop Down Menu with jQuery and CSS
How to create a sexy drop down menu that can also degrade gracefully.
jQuery Simple Drop-Down Menu
Extremely simple drop-down menu. The peculiarity of this menu is that these 20 lines of code and absence of various cumbersome mouse events within html code.
Fancy Navigation with jQuery
Rollover navigation with a glow. Has simple and elegant roll over effects
iPod-style Drilldown and Flyout Menu
The iPod-style menu provides easy navigation of complex nested structures with any number of levels.
Beautiful Slide Out Navigation
Gives a beautiful effect and using this technique can spare you some space on your website.
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
Build your own tabbed Interface using jQuery with slideDown/slideUp effect.
Fanciest Dropdown Menu You Ever Saw
Fancy and Stylized Dropdown Horizontal Navigation
Enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu
Color Fading Menu with jQuery
CSS and jQuery powered rollover that alters the color of the button
Simple and Beautiful jQuery Accordion Tutorial
Slide and Hide Section Navigation
Create a slide and hide menu, where the menu items slide in and then hide themselves elegantly to give way for the selected menu item.
Cool Animated Navigation with CSS and jQuery
Build a really cool animated navigation menu using just CSS and jQuery.
jQuery UI Tabs
Simple jQuery powered tabbed navigation
Kwicks Menu with jQuery
An apple style menu and improve it via jQuery
Vertical Sliding Menu
Create a sliding menu button using jquery
Mega Dropdown Navigation
Dropdown navigation with multiple links and lists
This sliding hover effect script is an easy method to add some flavor to your navigation.
Create Vimeo-like top navigation
Create a curved drop down vertical navigation with curved edges.
jQuery for Background Image Animations
Pull off various Background Effects in Your Navigation With This Tutorial
Scrolling jQuery Menu
Vertical Scrolling Menu made with CSS and jQuery
Navigation Effect Using jQuery
Simple sliding animation when you hover over each button
Query (mb)Menu 2.7
Powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way
Image Menu With Jquery
Image Driven Expanding Horizontal Navigation
Animated Horizontal Menu
Horizontal Scroll Menu with jQuery that scrolls automatically according to your mouse axis-Y movement.
jQuery plugin: Treeview
Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements.
There are a lot of scripts we have seen and sure you too would have seen them. This script is one of the smallest accordion script which is extremely simple and easy to integrate.
Scrolling jQuery Menu
Horizontal Scrolling Menu made with CSS and jQuery
Fading Menu – Replacing Content
A circular menu with sub menus
A follow on from the simple single level circular menu, this one adds a sub menu level of smaller icons in a circular pattern within the top level circle.
Animated Drop Down Menu
Smooth Animated Menu using jQuery
JQuery/CSS Dock Menu
This mac style navigation menu provides the user a clean, organized and animated interface for surfing a site’s content.
Super slick jQuery menu with CSS3
Animated graphic menu that fades the inactive navigation.
Sliding-Sliding Doors – Animated jQuery Menu
Animated menu with sliding rollover