Best jQuery Menus Plugins & Tutorials with Demo

    Grid Navigation Effects with jQuery

    jQuery Grid Navigation Effects

    Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.

    Accordionza a jQuery accordion Plugin

    jQuery accordion Plugin

    This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML  & CSS skills. Solid — No wobbly edges as often seen in other accordion scripts. Progressive enhancement. All content is still viewable without JavaScript enabled.

    Cross-Browser Rounded Buttons with CSS3 and jQuery

    jQuery css3 rounded button

    I was tasked with replacing several dozen Photoshop-generated rounded buttons for a larger site with an HTML/CSS/JS equivalent. Prior, any time anyone wanted to change text on a button (and it seemed to happen often), a graphic designer had to fire up Photoshop, modify a file, adjust for size, output an image, and pass that file off to the person building the page.

    How to Create a “Stay-On-Top” Menu with CSS3 and jQuery

    How to Create a "Stay-On-Top" Menu with CSS3 and jQuery

    In the project I was working on recently I had a chance to experiment with CSS3 and jQuery. You know CSS3, right? It’s that thing that makes all those beautiful and amazing things on the web and makes Flash want to run away and hide. Yeah, that CSS3. And I’m more than sure you have heard about jQuery.

    Ninja UI – A Set Of Slick Widgets For jQuery

    Ninja UI – A Set Of Slick Widgets For jQuery

    Ninja UI is a plugin for the framework that brings new alternatives to them in a single package.

    It includes widgets like buttons, accordion, icons, tooltips/modal box, slider, rating, tabs, auto-suggest and canvas-powered loader icon.

    Ascensor a jQuery Navigation Plugin

    jQuery Navigation Plugin

    Interesting plugin, some kind of navigation system between pages, plus give feeling what you walking through rooms of maze

    jQuery based Kaiten browser

    jQuery Browser

    This pluging giving us few navigation modes for web applications.

    Nice jQuery Menu Animation

    Nice jQuery Menu Animation

    Recently I have work on one project with interesting menu. In first look I thought it is ordinary menu but actually this menu was not so simple. When I finish it the result was nice looking menu so I decided to show all of you how I made it. Maybe from this you can get some ideas for your one project.

    JQuery roll over two level horizontal menu

    JQuery roll over two level horizontal menu

    This script creates a menu with two levels. The second level is hidden and will only appear when you move over a menu button. The menu buttons of the second level are displayed on a single row. This is a userfriendly menu type and saves a lot of space on the page. Although the second menu slides from under the first menu. This effect is obtained by using JQuery. The menu is built using ul and li tags. The CSS provides the layout.

    $dropDownPanels – JQuery Drop Down Panel Menu

    $dropDownPanels - JQuery Drop Down Panel Menu

    The Drop Down Panel menu adds a pull down panel when you hover a menu button. This script is made as JQuery plugin. It can be used from horizontal menus as well as for vertical menus.