<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

Name	Type	Description	Default
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

Name	Parameters	Description
onShow	none	Fires after menu is showed.
onHide	none	Fires after menu is hidden.

Methods

Name	Parameter	Description
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.