fileMenu

A jQuery plugin to create a file dropdown menu like most OS windows

Dependencies

fileMenu depends on this to work.

jQuery

Soft Dependencies

These css libs are not required for fileMenu to work. They just add a nice look to the menu. The example makes use of these libs.

Usage

Make sure the filMenu js and css files are loaded. Create a menu using an unordered list. Then call fileMenu() on it.

HTML

<ul id="menu">
    <li>
        File
        <ul>
            <li><i class="fa fa-fw fa-file"></i> Open<kbd>Ctrl+N</kbd></li>
            <li class="disabled"><i class="fa fa-fw fa-folder-open"></i> Open<kbd>Ctrl+O</kbd></li>
            <li class="sub">
                <i class="fa fa-fw"></i> Open Recent...
                <ul>
                    <li><i class="fa fa-fw fa-file"></i> File A</li>
                    <li><i class="fa fa-fw fa-file"></i> File B</li>
                    <li><i class="fa fa-fw fa-file"></i> File C</li>
                </ul>
            </li>
            <li class="divider"></li>
            <li><i class="fa fa-fw"></i> Quit<kbd>Ctrl+Q</kbd></li>
        </ul>
    </li>
    <li>
        Help
        <ul>
            <li class="toggle"><i class="fa fa-fw"></i> Toggle me</li>
            <li><i class="fa fa-fw fa-question-circle"></i> About<kbd>F1</kbd></li>
        </ul>
    </li>
</ul>

$(document).ready(function() {
    $('#menu').fileMenu();
});

Options

fileMenu accepts a javascript object as its first argument.

slideSpeed (int) the slide speed of the menu in ms. Default is 100

Features