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
Nice list. the timvandamme one is going to come in handy for the new version of iammikesmith.com I am working on.
This couldn’t come at a better time, trying to learn jQuery ATM
Nice Collection of jQuery-Navigations. If your interested in some other Navigation-Solutions by jQuery, don’t miss jQuery – The easy way to navigate!
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.
I’m absolutelly in love with the first plugin on this showcase.. it’s beautiful! 🙂
nice list, thanks for share..
Nice list, thanks!
Great list, can’t wait to share!
I was JUST looking for a ‘sexy’ drop down effect when I came across THIS post. Wahoo!
Nice one.. downloaded…
What a great roundup! I will definitely be using some of these with my next project.
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.
Hey folks this is great!
Really considering premium package ‘-)
Nice links to some great jQuery nav elements. Thanks!
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.
nice, thank you for the tutorial 🙂
you’re absolutely fantastic 🙂
Great work – really useful source!
Excellent List. I will use some of them in my current project. Thanks
Great list 🙂
Please post more these kind of jQuery effect posts in the future. Thank you.
Wow! Most wanted amazing jquery tuts!
Its very nice you write all of them on one post.
Thanks for share this…