Sliding Drawer Menu Plugin With jQuery - mln_menu.js
File Size: | 95.4 KB |
---|---|
Views Total: | 4457 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
The mln_menu.js jQuery plugin helps you create a sliding drawer which can be used for revealing an off-canvas sidebar navigation on your cross-platform webpage.
How to use it:
1. The plugin requires Fontello.css for the icons.
<link rel="stylesheet" href="fontello.css">
2. Put this plugin's main script after you've loaded jQuery JavaScript library.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="mln_menu.js"></script>
3. Call the plugin and add your dynamic menu items to the drawer navigation.
$('body').mln_menu({ 'itens' : ['Home', 'User', 'Cloud', 'Configurations', 'Logout'], 'hrefs' : ['#home', '#user', '#cloud', '#configurations', '#logout'], 'icons' : ['icon-th-large', 'icon-user', 'icon-cloud', 'icon-chart-pie', 'icon-logout'] });
4. Customize the CSS styles of the drawer navigation.
$('body').mln_menu({ 'background' : '#333', 'color' : '#fff', 'hoverbackground' : '#fff', 'hovercolor' : '#808285' });
Changelog:
2018-09-07
- Update mln_menu.js
This awesome jQuery plugin is developed by Rafaelmln89. For more Advanced Usages, please check the demo page or visit the official website.