This post will list all the jquery navigation menu tutorial’s available to learn. All these tutorials are available to download also demo for each menu is available.

“Outside the Box” Navigation with jQuery

Create OS X style docks and stacks navigation using this tutorial.

[download_demo_box demo="http://d2o0t5hpnwv4c1.cloudfront.net/358_jquery/example%20files/all-examples.html" demo_alt="“Outside the Box” Navigation with jQuery" download="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/" download_alt="“Outside the Box” Navigation with jQuery"] [/download_demo_box]

Sexy Drop Down Menu w/ jQuery & CSS

Tutorial to create a sexy drop down menu that can also degrade gracefully.

[download_demo_box demo="http://www.sohtanaka.com/web-design/examples/drop-down-menu/" demo_alt="Sexy Drop Down Menu w/ jQuery & CSS" download="http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html" download_alt="Sexy Drop Down Menu w/ jQuery & CSS” Navigation with jQuery"] [/download_demo_box]

Designing the Digg Header: How To & Download

Tutorial to create digg style menu.

[download_demo_box demo="http://css-tricks.com/examples/DiggHeader/" demo_alt="Designing the Digg Header: How To & Download" download="http://css-tricks.com/designing-the-digg-header-how-to-download/" download_alt="Designing the Digg Header: How To & Download” Navigation with jQuery"] [/download_demo_box]

A Different Top Navigation

Create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.

[download_demo_box demo="http://d2o0t5hpnwv4c1.cloudfront.net/386_navigation/top-nav-demo/index.html" demo_alt="A Different Top Navigation" download="http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/" download_alt="A Different Top Navigation” Navigation with jQuery"] [/download_demo_box]

Perfect signin dropdown box likes Twitter with jQuery

Tutorial showing you how to create a login drop down with Twitter style using jQuery.

[download_demo_box demo="http://aext.net/example/twitterlogin/" demo_alt="Perfect signin dropdown box likes Twitter with jQuery" download="http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/" download_alt="Perfect signin dropdown box likes Twitter with jQuery” Navigation with jQuery"] [/download_demo_box]

Sliding Jquery Menu Tutorial

Create vertical sliding menu similar to the envato website.

[download_demo_box demo="http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html" demo_alt="Sliding Jquery Menu Tutorial" download="http://www.hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" download_alt="Sliding Jquery Menu Tutorial” Navigation with jQuery"] [/download_demo_box]

Animated Drop Down Menu with jQuery

Another menu similar to the envato marketplace.

[download_demo_box demo="http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html" demo_alt="Animated Drop Down Menu with jQuery" download="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" download_alt="Animated Drop Down Menu with jQuery” Navigation with jQuery"] [/download_demo_box]

A cross-browser drop-down cascading validating menu

[download_demo_box demo="http://www.cssplay.co.uk/menus/dd_valid.html" demo_alt="A cross-browser drop-down cascading validating menu" download="http://www.cssplay.co.uk/menus/dd_valid.html" download_alt="A cross-browser drop-down cascading validating menu” Navigation with jQuery"] [/download_demo_box]