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

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.