The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

mnmenu : JQuery plugin to create dropdown menus from ul lists.

Tags :

Plugin rate :

Mmenu is a JQuery 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 css sheet.

MNMenu is now responsive, menu will collapse when top level is not visible in the device screen.

Implementation: 

1. FIRST, INCLUDE THE CSS & JQUERY FILES

1
2
3
4
5
6
<!-- include CSS & JS files -->
<!-- CSS file -->
<link rel="stylesheet" type="text/css" href="mmenu.css" media="screen" />
<!-- jQuery files -->
<script type="text/javascript" src="jquery.js"></script>
<script src="jquery.mnmenu.js" type="text/javascript"></script>

2. ADD YOUR HTML !

1
2
3
4
5
6
7
8
9
<ul>
    <li>First Level
        <ul>
            <li>Second Level</li>
            <li>...</li>
        </ul>
    </li>
    <li><a href="#">First level as link</a></li>
</ul>

3. NOW, CALL THE MMENU PLUGIN

1
2
3
4
5
<script type="text/javascript">
$(document).ready(function(){
   $('#idmenu').mnmenu();
});
</script>
Methods: 
mnmenu
Function
Initiate menu on list
Screenshots
  • MNMenu

Comments

Good Working

very good

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

Current version
0.0.16
Browsers compatibility
Google ChromeIE 7IE 8IE 9Mozilla FirefoxOperaSafari
Fork it on github Comments [2]