jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
In this post I’ve selected 10 jQuery navigation menu tutorials for implementing your own jQuery based navigation and have some great effects. Before getting stared you may be interested in looking my post about making navigation menu using CSS and Adobe Photoshop.
Animated Drop Down menu with JQuery
A DropDrown menu is often a good choice when you have many items to display. In such cases, what about animating it?
iPod style menu
The iPhone is indeed a very good example of minimalistic, but great looking, design. This article will teach you how you can easily achieve the same effect on any website, using the power of JQuery.
Superfish jQuery menu plugin
Superfish is a JQuery plugin especially dedicated to menus. It allows many improvement from what you can achieve with HTML and CSS as such as hover support for IE6, animations, keyboard accessibility and more.
Lavalamp for JQuery lovers
Lavalamp is a simple, ready to use JQuery plugin which allow you to create a stunning effect over your horizontal navigation bars. Nice to see, easy to implement.
Apple menu, improved
Who doesn’t like the look and feel of the Apple website? One year ago, we released a nice tutorial to help you recreating Apple’s website menu.This new tutorial, provided by Kriesi.at, will teach you how to recreate Apple’s menu, and even better, how to enhance it it using JQuery.
Using jQuery for Background Image Animations
I already talked about how great JQuery is for animating background using the background-position CSS property. This article is very great to improve your skills in that domain.
How to make a smooth animated menu with JQuery
A very nice tutorial to learn to create a very nice and artistic effect for your websites.Download
Animated JQuery menu
Among other things, JQuery is very useful for an easy manipulation of the CSS background-position property. This tutorial is a perfect example to illustrate that possibility.Althought this menu is not, in my opinion, the best looking of this article, it has always be a client’s favorite.
How to create a vertical sliding JQuery menu
Like the dropdown menu that you can see at the top of most Envato sites? If yes, this tutorial will allow you to learn how to create a similar kind of menu. Your clients will love it, there’s no doubt about it. And even better, the tutorial will also teach you how to design that kind of menu using Photoshop.
Navigation effect using JQuery
Another Great to read, Simple to implement JQuery tutorial. Its purpose is to teach you recreating MooTools homepage menu using JQuery!
0 意見:
Post a Comment