Best jQuery Menus Plugins & Tutorials with Demo

    Sticky Section Headers with jQuery

    Given the appropriate mark-up structure this plugin keeps headers in place while scrolling, known from the iPhone table view.

    Memu – A simple CSS JQuery Menu

    A small, solid jQuery plugin which is quite easy to use. It’s a menu which can be used with or without JQuery. What’s special about this script is the included plugin jstorage.js (which is some amazing work btw) to store the current item. So if you’re navigating around, the selected item will stay highlighted. This will spare you some server-side code. You can try this one by clicking on the menu item “File -> New”.

    Awesome Cufonized Fly-out Menu with jQuery and CSS3

    In this tutorial you will learn how to create a full page cufonized menu – when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and slide out a description bar from the left side of the page.

    Flyout Ribbon using jQuery and CSS3

    Flyout Ribbon using jQuery and CSS3

    I created a Flyout Ribbon using jQuery and CSS3 that I would like to share with you today.  My original idea for this came from the desire have a web administration panel for every page on my site, so i could edit content, change menu’s, etc directly on the page I was working on.  I really wanted something unobtrusive to the flow of my page and something with a bit of sex appeal, so naturally I turned to jQuery and CSS3.  I also wanted something that I show and hide easily…

    Awesomeness-Filled Navigation Menu

    Awesomeness-Filled Navigation Menu

    In this tutorial you will learn how to create a navigation menu inspired by Dragon Interactive. CSS sprites can dramatically increase a websites performance and with jQuery you will implement awesome transition effects easily.

    Rocking and Rolling Rounded Menu with jQuery

    Rocking and Rolling Rounded Menu with jQuery

    In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

    Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

    Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

    I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.

    Blend Effect navigation menu in jQuery

    Blend Effect navigation menu in jQuery

    A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds.A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds. This light-weight (only 1.4KB) plugin for jQuery adds a nice blend effect to your website.

    Colorful Content Accordion with CSS & jQuery

    Colorful Content Accordion with CSS & jQuery

    A simple, yet very eye-catching and colorful accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. This handy script delivered by Martin Angelov is both easily modifiable end embeddable.

    Halftone Navigation Menu With jQuery & CSS3

    Halftone Navigation Menu With jQuery & CSS3

    We are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.