Corenav
coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to combination.
- 11 Default Menu
- 2 Responsive Navigation
- 7 Event Menu
- 6 Attributes Header
- 3 Mode Menu Position
- 9 Layout Navigation
- More Themes & Custom
Demo : http://corenav.anurdin.net
Browser Support
Instalations
Install from NPM Make sure to install jQuery NPM & css-loader for import 'corenav/coreNavigation.css'
npm i corenav --save
import 'corenav/coreNavigation.css';import 'corenav';
Install from static Include coreNavigation assets CSS & Javascript
<link rel="stylesheet" href="./css/coreNavigation.css" /><script type="text/javascript" src="./js/coreNavigation.js"></script>
Create coreNavigation code & options
<nav hidden> <div class="nav-header"> <a href="#" class="brand"> <img src="./assets/img/brand.png" /> </a> <button class="toggle-bar"> <span class="fa fa-bars"></span> </button> </div> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Contact Us</a></li> </ul></nav>
<script type="text/javascript"> $('nav').coreNavigation;</script>