Mnmenu - Create dropdown menus from 'ul' lists

Download   Demo

Mnmenu is a Query plugin to create dropdown menus from <ul> lists.

This is a very simple and straightforward plugin. It’s still a work in progress project with more features to come, so check for updates to see what’s new in upcoming versions.

The aim of the project is to create a very simple to style dropdown menu. You can create a totally styled menu in less than 100 line stylesheet.

Features

• Nested list menu. The menu can have several nested hierarchy levels.


• Menu calculates window bounds so that it’s always in the client view area.


• Menu can be oriented so that it displays left-to-right, right-to-left, bottom-to-top….


• Animations for display transitions. Menu is shown and hidden with animations.


• HoverIntent compatible.

1. INCLUDE JS FILES

<script src="../lib/jqmin.1.10.1.js" type="text/javascript"></script>
<script src="../src/jquery.mnmenu.js" type="text/javascript"></script>

2. HTML

<ul>
 <li>First Level
 <ul>
 <li>Second Level</li>
 <li>...</li>
 </ul>
 </li>
 <li><a href="#">First level as link</a></li>
</ul>

3. JAVASCRIPT

$(document).ready(function()
	$('#idmenu').mnmenu();
);

 

 

Mnmenu - Create dropdown menus from 'ul' lists