menu

Usage

Markup

<div id="mm" style="width:120px;">
        <div>New</div>
        <div>
                <span>Open</span>
                <div style="width:150px;">
                        <div><b>Word</b></div>
                        <div>Excel</div>
                        <div>PowerPoint</div>
                </div>
        </div>
        <div icon="icon-save">Save</div>
        <div class="menu-sep"></div>
        <div>Exit</div>
</div>

jQuery

To create a menu:

$('#mm').menu(options);

To show a menu on special position:

$('#mm').menu('show', {
  left: 200,
  top: 100
});

Dependencies

none

Options

Override defaults with $.fn.menu.defaults.

Properties

NameTypeDescriptionDefault

zIndex	number	Menu z-index style,increase from it.	110000
left	number	Menu left position.	0
top	number	Menu top position.	0
href	string	Indicate a different page URL that can be displayed in the current browser window when clicked menu item.	null

Events

NameParametersDescription

onShow	none	Fires after menu is showed.
onHide	none	Fires after menu is hidden.

Methods

NameParameterDescription

show	pos	Show a menu on special position. pos parameter have two properties: left: the new left position. top: the new top position.
hide	none	Hide a menu.