An open API service indexing awesome lists of open source software.

https://github.com/apmem/jquery-dropdown-menu

jQuery plugin to show horizontal menu
https://github.com/apmem/jquery-dropdown-menu

Last synced: 5 months ago
JSON representation

jQuery plugin to show horizontal menu

Awesome Lists containing this project

README

          

# jQuery menu plugin

## Introduction

jQuery menu plugin build a drop-down menu for regular ul/li tree-based structure.

As opposed to a regular drop-down menu if ul/li have 3 or more levels - they will be represented as groups

Also it contains a hack for Silverlight and ActiveX controls, that do not allow to overlap them by menu. To achive this 'iframe' was used.

## Demonstration

Demonstration abailable at http://apmem.github.io/jquery-dropdown-menu/

## browser support

Currently the following browsers were tested to work with this menu plugin:

* Firefox
* Opera
* Chrome
* IE 6-9

## Installation and usage

Script requred jquery.js to be included into the document before this script.

Also to have a quick start you can use `jquery.menu.css` styleshhet with some predefined styles.

Most of the script abilities based on these styles. The only script behavior is placing and expanding sub-menus and iframe.

After the script attached it can be used on document load:

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

## Configuration options

Script contain a few configuration options:

* speed (default: 300) - jquery expand animate speed.
* delaytime (default 200) - time after mouseout before menu start collaping
* zIndex (default 0) - z-index style for iframe under menu