Best jQuery Menus Plugins & Tutorials with Demo

    How to Create GitHub Style Buttons with CSS & jQuery

    jquery css github style button

    Are you a GitHub fan? We all know that GitHub is the perfect place to store repositories of open source code. GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CSS and great JavaScript features. One tiny piece of the GitHub design David Walsh loves are the basic buttons.

    Animated Text and Icon Menu with jQuery

    Animated Text and Icon Menu with jQuery

    Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.

    Horizontal Dropdown Menu with jQuery

    jQuery Horizontal Dropdown Menu

    In this tutorial you’ll be shown how to create a simple, usable and functional horizontal menu with HTML and CSS. You will also use jQuery to add some drop-down animation to the menu.

    jQuery Dropdown menu with google style

    jQuery Dropdown menu

    Today i will show you how to create a jquery dropdown menu with google style, it also can be use as a “fixed” menu.The most important thing on this menus is the css file , we are going to use jquery just to make appear o disappear the secundary options but all the magic is arround the css.

    jQuery Vertical Mega Menu Plugin

    jQuery Vertical Mega Menu Plugin

    This plugin creates vertical mega menus from standard HTML nested lists, allowing users to view all available menu options for each top-level menu item.

    There are several plugin options available for customising the mega menu:

    • Choose animation effect for the flyout menu – show/hide, fade in or slide
    • Set animation speed
    • Set number of sub-menus per row
    • Display the flyout mega menu on the left or right depending on the menu position

    jQuery Drill Down Menu Plugin

    jQuery Drill Down Menu Plugin

    The jquery drill down menu plugin takes standard nested lists and turns them into iPod style drill down menus.

    Drill down menus offer an excellent way of managing and organising large, complicated menus in a small, vertical, compact and fixed-sized area. In term of useability they offer a great alternative to standard drop down menus, which can be cumbersome with multiple levels.

    Easy JQuery Circular Gallery Using RadMenu Plugin

    JQuery Circular Gallery

    Today post, let’s playing a little code with JQuery and JQuery RadMenu Plugin, cause lately I’ve been thinking about creating circular image gallery my self, and my search stop here for a moment when finding this cool plugins.This plugin is really cool you can creating a circle from many html element that you defined, which means you don’t have to create a formula to set all the element position to create a circle form.

    Sliding Background Image Menu with jQuery

    Sliding Background Image Menu with jQuery

    Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.

    jQuery ListMenu Plugin

    jQuery ListMenu Plugin

    This jQuery plugin, developed in the iHwy Labs, allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system, allowing quick and ‘out-of the-way’ access to hundreds of items. Users hover their mouse over a letter and a columnized list of all of the list items that start with that letter appear in a submenu. Mousing off of the letter or menu closes the submenu. Mousing between letters is very fast and the columns in the submenu are nicely balanced.

    jQuery ListNav Plugin

    jQuery ListNav Plugin

    This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter.