Sliding Drawer Menu Plugin With jQuery - mln_menu.js

Sliding Drawer Menu Plugin With jQuery - mln_menu.js

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.

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'
});

This awesome jQuery plugin is developed by Rafaelmln89. For more Advanced Usages, please check the demo page or visit the official website.

  • Publication date: 16.06.2017
  • Source