-
Notifications
You must be signed in to change notification settings - Fork 1
Home
Md Hidaytullah Rahmani edited this page Mar 3, 2017
·
2 revisions
HR Navigation Responsive Menu for all type of Web Applications with very less code and easy to implement with all possible options.
####Features
- Responsive all devices support
- Handle events with two options (click and mouseover)
- All major browsers compatible
- Toggle from left side and top side
- Multilple open menu option (open one at a time or multiple)
- Equal width of menu list on desktop
- Custom speed option
- LESS compatible
- Lightweight js only (2 kb)
##Documentation
###HTML
<link rel="stylesheet" href="hr.nav.res.menu.min.css">
<script src="1.11.2.jquery.min.js"> </script>
<script src="hr.nav.res.menu.min.js"> </script>
<nav class="hr-nav-wrapper">
<div class="navigation hr-navigation">
<ul>
<li> <a href="#">Nav 1</a > </li>
<li> <a href="#">Nav 2</a > </li>
</ul>
</div>
</nav>
###jQuery
$(".hr-nav-wrapper").hrNavMenu({
speed:800, //integer in milliseconds 1000,2000
menuType :"fromLeft", //fromLeft, fromTop
desktopListWidth : "fluid", // fluid, default
openEvent : "click", //click, mouseover
multiple : false // true, false
});