Aug

25

5 jQuery Menu Plugins to Spice Up Your Web Site

Posted by CodeMunkyX

One of the most integral parts of your website is the menu system / navigation for your users. With jQuery, you can find some really great menu plugins that will increase interactivity and still be easy to use for users. Below is a list of 10 jQuery Menu Plugins that have caught my eye.

CSS Dock Menu

CSS Dock Menu

If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.

Lavalamp

Lavalamp

As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”. Capturing their attention right there is something that we always strive for, and I guess LavaLamp is a step in that direction. Before you get bored with all this useless talk, let me get you started on integrating LavaLamp into your jQuery powered site.

Mootools Inspired Navigation Effect

Mootools Inspired Navigation Effect

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect … but we’ll do it in jQuery!

Ninja UI Objects

Ninja UI Objects

A jQuery plugin enabling beautiful web interface objects efficiently and unobtrusively.

jQuery One Page Navigation Plugin

Automatically highlights the correct navigation section depending on which was scrolled to as well as smooth scrolling incorporated by the jQuery ScrollTo plugin.

Conclusion

Hopefully this list of jQuery plugins will prove to be helpful for your next website / project. If you would like to share your thoughts or suggestions, be sure to leave a comment below.

Tags: , , ,

Socialize

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

cool templates with jQuery