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.
7 Fresh and Useful jQuery Plugins
10 jQuery Plugins that Will Make your Life Easier
8 jQuery Plugins for Enhancing Typography
9 jQuery Mistakes you Shouldn’t Commit
8 Responsive jQuery Slider Plugins
21 comments
Mike Smith
October 15, 2009Nice list. the timvandamme one is going to come in handy for the new version of iammikesmith.com I am working on.
Andy Feliciotti
October 15, 2009This couldn’t come at a better time, trying to learn jQuery ATM
Webstandard-Team
October 15, 2009Nice Collection of jQuery-Navigations. If your interested in some other Navigation-Solutions by jQuery, don’t miss jQuery – The easy way to navigate!
Daniel Long
October 15, 2009There 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.
joão
October 15, 2009I’m absolutelly in love with the first plugin on this showcase.. it’s beautiful!
joyoge bookmark
October 15, 2009nice list, thanks for share..
kevin
October 15, 2009Nice list, thanks!
theComplex
October 15, 2009Great list, can’t wait to share!
MCEctoCooler
October 15, 2009I was JUST looking for a ‘sexy’ drop down effect when I came across THIS post. Wahoo!
Rahul - Web Guru
October 15, 2009Nice one.. downloaded…
Chris Morata
October 15, 2009What a great roundup! I will definitely be using some of these with my next project.
Bariski | TutZone.net
October 16, 2009I 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.
GIVISION | Jiri Mocicka
October 17, 2009Hey folks this is great!
Really considering premium package ‘-)
SOS Media Web Design
October 19, 2009Nice links to some great jQuery nav elements. Thanks!
Jeremy
October 27, 2009Great 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.
yudhistira
November 3, 2009nice, thank you for the tutorial
you’re absolutely fantastic
Seb
November 22, 2009Great work – really useful source!
gouri
November 29, 2009Excellent List. I will use some of them in my current project. Thanks
Basti
February 6, 2010Great list
WebpageLottery
April 3, 2010Please post more these kind of jQuery effect posts in the future. Thank you.
Samson Delila
June 10, 2010Wow! Most wanted amazing jquery tuts!
Its very nice you write all of them on one post.
Thanks for share this…