jQuery plugin to show horizontal menu
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img
README.md
index.html
jquery.js
jquery.menu.css
jquery.menu.js

README.md

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.com/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

Copyrights

Created by Artem Votincev (apmem.org)

Distributed under BSD license