10 Fresh jQuery Tutorials to Enhance Navigation Menus
A few years ago, when designers wanted to add cool effects to the navigation of a website they used Flash. We all know the types of problems that caused. Now with the growing popularity of javascript frameworks like jQuery, those same types of “Flash-like” effects can be achieved without Flash. Here are 10 jQuery tutorials and techniques to enhance your website’s navigation and menus.
Horizontal Scroll Menu with jQuery Tutorial
BBC Radio 1 Zoom Tabs
Spritemenu
Outside the Box Navigation with jQuery
Sexy Drop Down Menu w/ jQuery & CSS
A Simple and Beautiful jQuery Accordion Tutorial
Make a Mega Drop-Down Menu with jQuery
jQuery look: Tim Van Damme
jQuery Feed Menus
Create a Good Looking Floating Menu with jQuery Easing
Related Posts
Here's some other articles that you will definitely find useful.
14 Helpful Cheat Sheets for Front-end Web Development
12 Useful jQuery Plugins for Working with Tables
12 Excellent jQuery Plugins for Enhancing Forms
14 jQuery Plugins for Enhanced Content Viewing
13 Super Useful jQuery Content Slider Scripts and Tutorials
Oct 15, 2009
Nice list. the timvandamme one is going to come in handy for the new version of iammikesmith.com I am working on.
Oct 15, 2009
This couldn’t come at a better time, trying to learn jQuery ATM
Oct 15, 2009
Nice Collection of jQuery-Navigations. If your interested in some other Navigation-Solutions by jQuery, don’t miss jQuery – The easy way to navigate!
Oct 15, 2009
There are some really good ideas for nav menus in this collection. The first example is one of my favourites, I think it would work well as a menu for an archive of blog posts. Another great example is the ‘Spritemenu’. I really like how when hovering over a button, the darker blue covers the button to highlight where you are. I will definetly be following the tutorials to try and re-create some of these, and try to push the idea further.
Oct 15, 2009
I’m absolutelly in love with the first plugin on this showcase.. it’s beautiful!
Oct 15, 2009
nice list, thanks for share..
Oct 15, 2009
Nice list, thanks!
Oct 15, 2009
Great list, can’t wait to share!
Oct 15, 2009
I was JUST looking for a ’sexy’ drop down effect when I came across THIS post. Wahoo!
Oct 15, 2009
Nice one.. downloaded…
Oct 15, 2009
What a great roundup! I will definitely be using some of these with my next project.
Oct 16, 2009
I have been your blog reader for quite a long time, as you always share something new, but this post made me to reply. Very nice listing, bookmarked for sure. Thanks.
Oct 17, 2009
Hey folks this is great!
Really considering premium package ‘-)
Oct 19, 2009
Nice links to some great jQuery nav elements. Thanks!
Oct 27, 2009
Great list, but…
The “Outside the Box with jQuery Navigation” only links to an example. Is that not a packaged download, just an example of what you can do? Thanks.
Nov 3, 2009
nice, thank you for the tutorial
you’re absolutely fantastic
Nov 22, 2009
Great work – really useful source!
Nov 29, 2009
Excellent List. I will use some of them in my current project. Thanks
Feb 6, 2010
Great list