Plugins: Menus

# jQuery Menu Style 1 - Drop Down Menu with Visual Effects

jQuery Menu Style 1

jQuery Menu Features

Full cross-browser compatibility
Fully accessible even when javascript is turned off, as a pure css menu
Search engines optimized
Clear unordered list (LI and UL HTML tags) structure of jQuery menu
Easy to setup and update
Fantastic animation and transition effects
Multiple pre-desinded color schemes
Completely customizable styling with CSS
Powered by jQuery
Extremely small - 3kb uncompressed

Color Themes:
(White Smoke) jQuery Menu
(Dim Gray) jQuery Menu
(Black) jQuery Menu

Version	Date	Links	Status
1.2.6	2010-Mar-18	Release notes	Recommended for 1.0.x
1.2.5	2010-Mar-04	Release notes	Recommended for 1.3.x

(mb)Extruder, slide extra content or a navigation tool in your page

Last changed: 4 days 22 hours ago

A good way to have extra content or a navigation tool in your page!

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

demo page:
http://pupunzi.com/#mb.components/mb.extruder/extruder.html

Dependencies:

jquery.hoverIntent.js
jquery.metaData.js
jquery.mb.flipText.js (soon available as stand alone)

here is the js call:

$("#extruderTop").buildMbExtruder({
positionFixed:true,
width:350,
sensibility:800,
position:"top",

Version	Date	Links	Status
1.6.0	2010-Mar-15	Download Release notes	Recommended for 1.3.x

(mb)Menu, a powerful jQuery multilevel tree menu

Last changed: 5 days 1 hour ago

This is a powerful component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

Dependencies:

none

here is the js call:

$(”.myMenu”).buildMenu(
{
  template:”menuVoices.jsp”,
  additionalData:”",
  menuWidth:200,
  openOnRight:false,
  menuSelector: “.menuContainer”,
  iconPath:”ico/”,
  hasImages:true,
  fadeInTime:200,
  fadeOutTime:100,
  adjustLeft:2,
  adjustTop:10,
  opacity:.95,
  shadow:true,
  closeOnMouseOut:true,
  closeAfter:500,
  minZindex:"auto", // or number
  hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;

});

or you can call it as contextual menu:

$(document).buildContextualMenu( { template:”menuVoices.html”, menuWidth:200, overflow:2, menuSelector: “.menuContainer”, iconPath:”ico/”, hasImages:false, fadeInTime:200, fadeOutTime:100,

Version	Date	Links	Status
1.5.1	2009-Feb-13	Download Release notes	Recommended for 1.0.x
1.5.0	2009-Feb-07	Download Release notes	Recommended for 1.2.x
2.7.6	2010-Mar-14	Download Release notes	Recommended for 1.3.x

* jQuery DropDown Menu Style 3 - Multi-Level DropDown Menu with Animation

jQuery DropDown Menu Style 3

jQuery DropDown Menu Features

Cross-browser compatibility
Works in browsers with disabled Javascript.
Search engines freandly
Unordered list (LI and UL HTML tags) structure for menu items
Easy to setup and update
Awesome animation and transition effects
Six pre-desinded color schemes
100% CSS-driven designs.
Powered by jQuery
Lightweight - 7kb uncompressed
Unlimited sub-levels

Color Themes:
(Olive Drab) jQuery DropDown Menu
(Deep Sky Blue) jQuery DropDown Menu

Version	Date	Links	Status
1.0.7	2010-Mar-17	Release notes	Recommended for 1.3.x

123Tree

Last changed: 1 year 44 weeks ago

This is Tree and you can have best fecilities and it is very simple tree

Menus

Accordion

Last changed: 2 years 1 week ago

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

Find out more

Version	Date	Links	Status
1.6.0	2008-Mar-08	Download Release notes	Recommended for 1.2.x

Accordion Content/ Menu script

A jQuery powered accordion content script. Group contents together and reveal them on demand when the user clicks on headers. Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and enable persistence so the state of the contents is preserved within a browser session.

A dedicated page showing how to easily create an Accordion Menu using the script (see demo link) is also available.

Version	Date	Links	Status
1.6	2008-Oct-06	Release notes	Recommended for 1.0.x
1.7	2009-Mar-25	Release notes	Recommended for 1.2.x

AjaxFlagMenu (The ajax vertical menu like Facebook Style)

Last changed: 8 weeks 20 hours ago

AjaxFlagMenu is a simple vertical menu developed JavaScript, design is inspired from a social website Facebook, this menu is dynamically through functionality of Ajax by the XMLHttpRequest object, the first time I developed the first release 1.0.1 by using the ECMA 3 browsers Framework, but this version 1.0.2 I used the Framwork jQuery version 1.3.2 for ease of development and reduce the vulnerabilities of bugs.

Version	Date	Links	Status
1.0.2-min	2010-Jan-21	Download Release notes	Recommended for 1.0.x
1.0.2-rc-1	2010-Jan-21	Download Release notes	Recommended for 1.3.x

AKordion

Last changed: 15 weeks 17 hours ago

AKordion is a nested accordion menu with unlimited number of levels.

To make the selected element a nested accordion widget:
$('#AKordionId').AKordion();
or
$.AKordion.Init('AKordionId');

The markup of your accordion container needs to be in the following format:

<div id="AKordionId">
   <ul>
      <li>
         <span id="MenuId" class="Menu">Menu Name</span>
         <ul>
            <li><span id="MenuItemId" class="MenuItem">
                  <a href="">Menu Item</a></span></li>
         </ul>
      </li>
   </ul>
</div>

To expand to a selected Menu Item:
On Load:
$('#AKordionId').AKordion('SelectedMenuItemId');
or
$.AKordion.Init('AKordionId','SelectedMenuItemId');
On Change:
$.AKordion.SetSelectedNode('SelectedMenuItemId');

To set your own class names for Menu, Menu Item and Selected elements:

Version	Date	Links	Status
0.1	2009-Dec-03	Download Release notes	Recommended for 1.0.x

Animated jQuery Menu - Corporate Style

Multilevel jQuery Menu with fade and smooth drop-down animation on submenu appearance.

Check live demo: Animated jQuery Menu (White Smoke)

Version	Date	Links	Status
1.0.1	2010-Mar-16	Release notes	Recommended for 1.3.x

Animated Outline Menu

A drop down menu with a sleek "outline" animation added when it drops down, applicable to any anchor link. The menu can be set to appear either via a "click" or "mouseover" of the anchor link.

Structure wise, each animated outline menu is simply defined as regular list menus on the page, and supports an optional height setting that causes that menu to be scrollable (useful for very tall menus with lots of links).

Version	Date	Links	Status
1.0	2008-Sep-03	Release notes	Recommended for 1.2.x

aqMenu

Last changed: 1 year 19 weeks ago

Simple menu defined by a multidimensional array displaying a tabbed menu.

    $('#menu').aqMenu(
        [['file','File','alert("file")'],['close','Exit','alert("logout")']],
        {currentID: 'file'}
    );

Version	Date	Links	Status
1.0.1	2008-Oct-31	Download Release notes	Recommended for 1.0.x
1.0	2008-Oct-31	Download Release notes	Recommended for 1.2.x

AuroraMenu concertina sidebar manu with persistent state

Last changed: 17 weeks 6 days ago

This concertina effect folding sidebar menu uses cookies to maintain state, meaning that menu items which the user has opened remain open on each subsequent page view.

Version	Date	Links	Status
1.0.0	2009-Nov-14	Download Release notes	Recommended for 1.3.x

AutoAnchors

Last changed: 8 weeks 1 day ago

This plugin automatically creates an anchors navigation for certain elements (for example H2) inside a container element (div, body whatever ...). It automatically generates the anchors and can even make them numbered. And the whole thing is of course fully styleable through CSS.

You can put more than one anchor navigation on the same page, just make sure that if you invoke them a second time with different options, that the link titles should be different or it can result in two anchors named the same.

Demos and instructions can be found on the plugin page: http://fredibach.ch/jquery-plugins/autoanchors.php

Version	Date	Links	Status
0.3	2010-Jan-20	Download Release notes	Recommended for 1.0.x

Automatic generated menu

Last changed: 1 year 1 week ago

This plugin parses all h1, h2, h3, h4, h5 and h6 tag and creates an internal menu.

Version	Date	Links	Status
1.0.0	2009-Mar-05	Download Release notes	Recommended for 1.3.x

Automatically generate the table of contents with jQuery

Last changed: 5 weeks 7 hours ago

jQuery extension that auto generates the table of contents. Properly handles ul/ol indentation to indicate heading level.

http://www.robusthaven.com/articles/Automatically+generate+the+table+of+...

autoMouseOver

Last changed: 21 weeks 2 days ago

autoMouseOver is a jQuery plugin that automatically adds a mouseover effect to any selected images based on their naming structure. The default settings are:

{ outStr: "-out.", overStr: "-over." }

With the default settings, any selected image that has "-out." in its src attribute (eg. home-out.png) will mouseover to the same image name but with "-over." instead (eg. home-over.png). The default settings can be changed when the plugin is called.

For simplicity's sake, only basic string substitution is used (no regex support yet).

Tested with jQuery 1.3.2. It might work with other versions too.

Basic usage: $(any jQuery selector of img elements).autoMouseOver();

Version	Date	Links	Status
1.0.0-full-source	2009-Oct-20	Download Release notes	Recommended for 1.3.x

AutoSprites - Menu Sprites Animated and Generated Automatically

Last changed: 20 weeks 1 day ago

This jQuery plugin automatically generates animated sprites from a minimal amount of CSS. It makes building menus faster and easier while making them look cooler at the same time!

Version	Date	Links	Status
1.1.0	2009-Oct-28	Download Release notes	Recommended for 1.3.x

BDC DrillDown Menu (iPod-style Menu)

Last changed: 1 year 37 weeks ago

The BDC DrillDown Menu is a compact, hierarchical menu implemented as a jQuery plugin. A drilldown menu takes up constant space like an accordian menu but offers the deep hierarchy of a flyout menu at the same time. The BDC DrillDown Menu turns a standard HTML list into a dynamic JavaScript drilldown menu that maintains a small profile no matter how deep the hierarchy it controls. This is quite similar (though with more features) to the menu used in the iPod.

Version	Date	Links	Status
0.3	2008-Jun-28	Download Release notes	Recommended for 1.2.x

Bigger link

Last changed: 16 weeks 1 day ago

Makes it really easy to enable specified element/s to behave as a proxy for their first contained link.

Adds additional css classes to provide the means for the specified element to visually reflect focus and hover states of it's contained link/s.

Version	Date	Links	Status
1.0.0	2007-Oct-23	Download Release notes	Recommended for 1.2.x
2.0.1	2009-Nov-26	Download Release notes	Recommended for 1.3.x

BogoFolders

Last changed: 2 years 34 weeks ago

BogoFolders provides a "filemanager-like view", with icons in one part of the UI and the content in a separate area. It is intended to be used as a form of navigation menu. Clicking on an entry in the "file view" shows the associated content (if any) in the designated content area, and if the clicked entry has child entries then the "file view" behaves like a conventional file manager and effectively "changes directories" to the new entry. It shows a "flat" view, not a tree view.

Version	Date	Links	Status
2007.07.25	2007-Jul-25	Download Release notes	Recommended for 1.1.x

Click Menu

Last changed: 2 years 8 weeks ago

A clickable dropdown menu with (theoretically unlimited) submenus made out of an an unordered list. It’s behaviour is like an application menu (click to open, click to close, stays open even after hovering elsewhere).

Version	Date	Links	Status
0.1.6	2008-Jan-17	Download Release notes	Recommended for 1.2.x

Menus

collapsor

Last changed: 1 year 2 weeks ago

collapsor opens and closes sublevel elements, like a collapsable menu

Version	Date	Links	Status
1.1	2009-Feb-27	Download Release notes	Recommended for 1.2.x

Column View

Last changed: 1 year 2 weeks ago

Transforms a nested unordered list of links (like a Drupal menu, for example) into a Mac OS X-like column view, without requiring changes to markup.

Generates disclosure triangles with Canvas automagically, no other support files required except: Requires Live Query plugin.

Tested with FF3, Safari 3/4, IE 6/7, Chrome.

Update: Now compatible with 1.3.x, without Live Query dependency.

See documentation or release notes for minified download links.

Version	Date	Links	Status
1.0.1	2009-Mar-03	Download Release notes	Recommended for 1.2.x
1.1.1	2009-Mar-03	Download Release notes	Recommended for 1.3.x

ConMenu Context menu

Last changed: 1 year 9 weeks ago

Truly context sensitive right click menu.

Most other menus only allow for fixed options on a single selector.

With this menu, options can overlap on the selectors that they apply to.

The action (js function) for each choice on the menu is passed the element that the menu was generated on.

sample call:

$.conmenu({
  selector:".node",
  choices:[{
    label:"Edit",
    action:function(div){
      var nid = $(div).attr("id").substring(5);
      window.location.href = "/node/" + nid + "/edit";
    }
  }]
});

This example shows a 'Edit' option when you right click on any element that has a class of 'node'. When you click on 'Edit', it would take you the the new url using the 6th character from the ID of the element right-clicked on.

Open to input and recommendations!

Version	Date	Links	Status
1.0.1	2009-Jan-13	Download Release notes	Recommended for 1.2.x

droppy

Last changed: 1 year 28 weeks ago

Smooth, nested drop down menus from semantic markup. Simple integration, limited flexibility - you'll either love it or hate it.

Version	Date	Links	Status
0.1.1	2008-Jun-18	Download Release notes	Recommended for 1.0.x
0.1.2	2008-Aug-31	Download Release notes	Recommended for 1.2.x

Menus

Emenu

Last changed: 1 year 6 weeks ago

Emenu is designed to create a fixed-width, fixed-height drop down menu contained within a header image.

The html structure of your menu should look like this:

> Menu 1
- Section 1
  - Link 1
  - Link 2
- Section 2
  - Link 3
  - Link 4

...

You can put other content here if it floats your boat.

Version	Date	Links	Status
1.0.0	2009-Jan-29	Download Release notes	Recommended for 1.2.x

Fade Menu

Last changed: 45 weeks 3 hours ago

The Fade Menu plugin allows users to easily turn a definition list with nested unordered lists into an accordion menu which uses fades between transitions.

Options

It is possible to pass the following options to control the speeds of the transitions:

slideup

This setting controls the speed menu trees slide up when the user selects a new menu title. You can pass it speeds built into jQuery such as "slow" "fast" or "def". Or if you prefer an integer for more control.

slidedown

This setting controls the speed menu trees slide down when the user selects a new menu title. You can pass it speeds built into jQuery such as "slow" "fast" or "def". Or if you prefer an integer for more control.

fadein

This option controls the speed in which new menu trees fade in. You can pass it speeds built into jQuery such as "slow" "fast" or "def", Or if you prefer an integer for more control.

fadeout

Version	Date	Links	Status
0.1.2	2009-May-08	Download Release notes	Recommended for 1.3.x

Flex Level Drop Down Menu

More robust than a regular menu bar, this flexible menu script lets you add a multi level drop down menu to any link on the page. Each menu can either drop down or to the right of the anchor element (useful when the link is a side bar link). The menus intelligently reposition themselves when too close to the browser edges. Structure wise each drop down menu is simply defined as a regular nested UL on the page, making it very intuitive to set up, not to mention search engine friendly. Lets run down the script's features:

* Lets you associate a multi level drop down menu to any link on the page, by inserting the custom attribute "data-flexmenu" inside the link.
* Control whether the menu drops down or to the right of the anchor link, through the use of the custom attribute "data-dir".
* Ability to fine tune the position of the drop down menu relative to the anchor link, by specifying a custom x and y offset using the attribute "data-offsets".

Version	Date	Links	Status
1.0	2010-Jan-14	Release notes	Recommended for 1.0.x

Flex Level Popup Menu

Enhance arbitrary links on your page with some multi level powers with Flex Level Popup Menu. It lets you associate a multi level drop down menu to any link on the page, so moving the mouse over the link activates the menu to be shown beside it. Each pop up menu is simply defined as a regular nested UL on the page, making it very intuitive to set up, not to mention the menus search engine friendly!

Version	Date	Links	Status
1.0	2010-Jan-14	Release notes	Recommended for 1.3.x

Flexible accordion

Last changed: 49 weeks 21 hours ago

Flexible Accordion

Introduction

This accordion has been design to managed your custom HTML code within unordered lists. All target HTML elements are defined in parameters.

For example :

you can defined your slide titles are 'h3', links or simple 'span'

your slide content can be DIVs, SPANs or FIELDSETS

a button can be put in the slides to switch to another specific slide

It is so flexible that you should try it to understand the capabilities !

Version	Date	Links	Status
0.1.0	2009-Apr-09	Download Release notes	Recommended for 1.0.x
0.1.1	2009-Apr-09	Download Release notes	Recommended for 1.2.x

FlyDOM: Create DOM on the Fly

Last changed: 2 years 33 weeks ago

Create DOM elements on the fly and automatically append or prepend them to another DOM object. There are also template functions (tplAppend and tplPrepend) that can take a simple HTML structure and apply a JSON object to it to make creating layouts MUCH easier. This plugin was inspired by "Oslow" [1], and since I could not get his code to work, I decided I write my own plugin. My hope is that this version will be easier to understand and maintain with future versions of jQuery. Update (July 13, 2007): Upgraded FlyDOM to 3.0; visit the FlyDOM homepage for more details.

Version	Date	Links	Status
3.0.6	2007-Jul-17	Download Release notes	Recommended for 1.0.x
3.0.8	2007-Jul-29	Download Release notes	Recommended for 1.1.x

Hailongz-Menu

Last changed: 35 weeks 4 days ago

Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu, Hailongz Menu.

HelyeNav

Last changed: 27 weeks 2 days ago

HelyeNav is a simple on level Accordion vertical menu. It's fully accessible, non obstrusive, and uses a cookie to remember the current opened menu through pages.

Requires jquery.cookie plugin.

Version	Date	Links	Status
0.2	2009-Sep-09	Download Release notes	Recommended for 1.3.x

Hover-Swap

Last changed: 1 week 4 days ago

An unobtrusive, cross-browser, XHTML compliant solution for image & input rollovers.
* Supports arbitrary image sizes for rollovers that “pop”.
* Supports transparent png’s in Internet Explorer 6.

HoverScroll

Last changed: 25 weeks 5 days ago

Takes an unordered list and makes it scrollable by hovering the mouse over it.

Visit the HoverScroll plugin homepage for more information:
http://rascarlito.free.fr/hoverscroll

Version	Date	Links	Status
0.2.2	2009-Sep-20	Download Release notes	Recommended for 1.1.x
0.2.1	2009-Jul-17	Download Release notes	Recommended for 1.2.x
0.2.0	2009-Jun-29	Download Release notes	Recommended for 1.3.x

hSlides

Last changed: 1 year 10 weeks ago

hSlides is an horizontal accordion navigation, sliding the panels around to reveal one of interest.

Version	Date	Links	Status
1.0.1	2009-Jan-07	Download Release notes	Recommended for 1.2.x

Imageless buttons a la Google

Last changed: 35 weeks 5 days ago

This jQuery plugin is an attempt to recreate Google's imageless buttons and prove that it doesn't take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. I don't know how Google did it, but my buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines of css while keeping all the display critical css rules hidden deep inside the plugin.

As of 19th February 2009 these browsers are supported:

Opera 10 beta
Opera 9.6x
Firefox 3
Firefox 2
Safari 4
Safari 3
Internet Explorer 8 beta
Internet Explorer 7
Internet Explorer 6
Chrome
Adobe AIR 1.5+

Version	Date	Links	Status
1.0.3	2009-Jul-12	Download Release notes	Recommended for 1.0.x

imAnimTabber

Last changed: 1 year 6 days ago

This plugin was based upon the imUpSideDownTabber that I created a few months ago. The imUpSideDownTabber is a tabbed interface that displays tabs underneath the content. Much of the functionality this new plugin is the same as the imUpSideDownTabber, but I decided to rename it because it does more than just up-side-down tabbing. This tabbing plugin can be used to display content with the following animated options:

slide (imUpsideDownTabber)
height
width
fade
carousel

As with the imUpSideDownTabber, the tabs can be created dynamically, but I added a ‘manual’ mode so that the plugin can function when the tabbing interface is already created. Unlike the imUpSideDownTabber, the tabs can be individually styled. Also, unlike imUpSideDownTabber, I created a true demo page.

Version	Date	Links	Status
1.0	2009-Mar-12	Download Release notes	Recommended for 1.0.x

imJQMosaic - A JQuery plugin to create mosaic pattern

Overview

imJQMosaic is a simple jQuery plugin that creates mosaic pattern using an image.

This is a pure JavaScript based jQuery plugin. Apart of just creating the mosaic pattern on an image, it also facilitates the user to put menus on top of the mosaic tile(s). Hence, it can be beautifully used as navigation menu. It can also serve as a substitute to the popular Flash based navigations on the home pages of a website or application which unfortunately don't work on mobile phones not supporting Flash content.

This plugin is based on the technique of CSS sprites and also uses some of the new features introduced in CSS3. The plugin requires latest browsers that support HTML5 and CSS3. In absence of adequate browser, the plugin gracefully degrades and still works! Ideal behavior of this plugin can be viewed in Safari 4 or Firefox 3.5. But it works with Chrome and IE 8 also.

Version	Date	Links	Status
0.1	2009-Aug-26	Release notes	Recommended for 1.3.x

imUpsideDownTabber

Last changed: 1 year 9 weeks ago

A tabbed interface that displays tabs underneath the content. When a tab is clicked, the content slides down (animated) onto the screen. Click on the tab again to close the content. Can create an unlimited number of tabs. The tabs ('a' elements) are created dynamically.

Note: 03/12/2009
This plugin has been moved/changed. Look for imAnimTabber. I added more functionality than just up-side-down tabbing, so I changed the name

Version	Date	Links	Status
0.5	2009-Jan-09	Download Release notes	Recommended for 1.2.x

jContext - The ultra-lightweight right click context menu for jQuery

Getting tired of the default context menu (the one that appears when you right click on a web page) that are being displayed in all browsers? Now, web developers can focus on designing the menu itself rather than worrying about the javascript code. This tutorial will assume that you have enough CSS knowledge and familiarity using jQuery to begin with.

Usage

$(obj).showMenu({
opacity:0.8,
query: "#myMenu2",
zindex: 2000
});

opacity: can be from 0 - 1.0, opacity of the menu being displayed
query: can be any object or CSS selector that jQuery recognizes
zindex: z-index of the menu being displayed

jDrawer

Last changed: 2 years 4 weeks ago

This plugin is creates a stylish drawer (slider) out of a <ul><li> list. jDrawer automatically calculates the height of the <ul>, the first and last children, the drawer dimensions, and much more. It is flexible and completely customizable through settings and CSS.

Usage

Simply use jQuery to locate your <ul> and call jDrawer().

** Note ** Older version 0.9 requires wrapping your <ul> with a div, finding that div with jQuery, and calling jDrawer().

Important:
To take advantage automatic drawer size calculations, you must wrap the code you would like to always be visible with: <div class="jDrawer-handle">. It should also be the last code in the <li>.

The css is very important.

** Note ** Older version 0.9 jDrawer-handle was called jDrawer-buffer.

Example:

Javascript:
$("#jDrawer-1").jDrawer(); $("#jDrawer-2").jDrawer({event: "click"});

JeeGoo Context Menu

Jeegoocontext is a jQuery plugin that allows for multiple custom context menus (pop-up menus) to exist on a single page. The plugin is able to transform any unordered list appended to the body into a multi-level, intelligently positioned styled context menu via a single call.

Version	Date	Links	Status
1.2.0	2009-Nov-28	Release notes	Recommended for 1.3.x

JFastMenu

Last changed: 6 weeks 19 hours ago

jfastmenu

The jfastmenu is a fast, easy and very useful jquery plugin that with few lines of code
lets you build a xhtml list based menu. It's compatible with the following browsers: Internet Explorer, Firefox, Safari, Opera and Chrome

Easy Implementation

it's inclusion of some files and ready!

$(document).ready(function(){		
   $.jFastMenu("#menu");			
});

the format is controlled in whole CSS

Once you can use any external CSS, you're free to make future changes or adjustments to various projects.

Version	Date	Links	Status
1.1.0-final	2009-Nov-03	Download Release notes	Recommended for 1.0.x
1.2.0-DEVELOPMENT	2010-Feb-04	Download Release notes	Recommended for 1.3.x

jjmenu - context menu jquery plugin

Last changed: 10 weeks 3 days ago

jjmenu is powerfull context menu plugin with ajax support.

Supports both left- and right- click event (warining: right click event is not supported by Opera)
Static and AJAX menu items
Static and AJAX submenus
Flexible event model, supports ajax and custom user actions
Easy to customize with CSS selectors
Dynamic variables in in-menu URLs, such as ID (for example /get.php?id=#id#)

Version	Date	Links	Status
1.1.1	2010-Jan-05	Download Release notes	Recommended for 1.3.x

jObtyMenu Plugin

Last changed: 14 weeks 4 days ago

Menu is based on converting ul and li tags into a menu. Interface is css-based. Can be used as main menu with drop down submenus or as context menu.

Uses plugin:
http://plugins.jquery.com/project/timers

Options:
mainmenuClass - class of root ul element
contextmenuClass - class of submenus menus
showAni - effect, for show()
hideAni - effect for hide()

Example:
menu creation:

$(function() {
	$('#menu').obtymenu();
});

the menu itself:

<ul id="menu">
	<li><a href="#">Menu</a>
		<ul><li><a href="http://google.ru/">Google</a></li><ul>
	</li>
</ul>

Version	Date	Links	Status
1.0-beta-1	2009-Dec-06	Download Release notes	Recommended for 1.0.x

jqDock

Last changed: 1 year 38 weeks ago

Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.

Requires jQuery v1.2.3

Version	Date	Links	Status
1.2.0	2008-Jun-19	Download Release notes	Recommended for 1.2.x

jqSelecta

Last changed: 20 weeks 5 days ago

jqSelecta renders a scrollable tabular view of a <select> HTML element's <option>s.

Useful for large data sets and where you'd like the form elements to conform to the UI. Note: this plugin is themeroller compatible as of jQueryUI 1.7

(Please the use issue tracking etc on googlecode), I'm intending to use it for projects in other languages, so just easier - but releases on this site will always be kept up-to-date.

Version	Date	Links	Status
0.3	2009-Oct-25	Download Release notes	Recommended for 1.3.x

jQuery Auto-Paging Plugin

Last changed: 5 weeks 4 days ago

Introduce

Don't waste you time to paging.
Easy paging & Enjoy.

Dependency

jQuery 1.3.x+
Mouse Wheel Extension 2.2+

How to use

1. Download the source.
2. Extract zip file
3. The extracted files are must upload to your web site.
4. Insert next code into your web page.
<script language="text/javascript" src="http://your domain/directories/jquery.zPaging.1.1.0.min.js"></script>
5. Create a own stylesheet and div(with some id) for paging.
6. Visit project homepage.
http://zective.com/code/pi/zPaging/

Version	Date	Links	Status
1.1.1	2010-Feb-01	Download Release notes	Recommended for 1.3.x

Plugins

Search

User login

Browse Plugins

Can't find a Plugin?

Website Bug or Feature Request?

Plugins: Menus

jQuery Menu Style 1

jQuery Menu Features

A good way to have extra content or a navigation tool in your page!

Dependencies:

here is the js call:

Dependencies:

here is the js call:

or you can call it as contextual menu:

jQuery DropDown Menu Style 3

jQuery DropDown Menu Features

AKordion is a nested accordion menu with unlimited number of levels.

Multilevel jQuery Menu with fade and smooth drop-down animation on submenu appearance.

Section 1

Section 2

Options

slideup

slidedown

fadein

fadeout

Flexible Accordion

Introduction

Overview

Usage

jfastmenu

Easy Implementation

the format is controlled in whole CSS

Introduce

Dependency

How to use