🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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.

Off-Canvas-menu drawer

Documentation

Menu-Jquery-Plugin

==================================================

What is?

A simple and lite jQuery library to create a responsive menu

Options:

  • BACKGROUNDCOLOR AND TEXT COLOR
  • BACKGROUNDCOLOR AND TEXT HOVER EFECT COLOR
  • THE NAME OFF MENU ITEN
  • THE ICON OFF MENU ITEN

Icons Library:

I use some icons from Fontello <fontello.com> to ilustrate the itens menu, your can check all icons in <demo/font/demo.hmtl>

How to use:

//Exemple $(document).ready(function() {     //call the plugin     $('body').mln_menu(     {         'background' : '#333', // the background colr off menu         'color' : '#fff', // the color off menu itens         'hoverbackground' : '#fff', // the hover background color         'hovercolor' : '#808285', // the hover text color         'itens' : ['Home', 'User', 'Cloud', 'Configurations', 'Logout'], // the menu itens         'hrefs' : ['#home', '#user', '#cloud', '#configurations', '#logout'], // the links off menu itens         'icons' : ['icon-th-large', 'icon-user', 'icon-cloud', 'icon-chart-pie', 'icon-logout'] // the icons options off menu itens     }); });  

Requirements:

It's necessary add the jQuery library For icons, it's necessary add the fontello font famaly

<link rel="stylesheet" href="./font/css/fontello.css" type="text/css" /> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="./mln_menu.js"></script> <script type="text/javascript">         $(document).ready(function()         {                 //your code here         } </script> 

You May Also Like