JQuery Simple Menu Plugin
Simple Menu Plugin is a utility for quickly building a menu of the site
$('.simple-menu').simpleMenu({ stickyMenu: true, slidingLine: true })
Install
NPM
npm install jquery-simple-menu
YARN
yarn add jquery-simple-menu
Webpack
Command | Options |
---|---|
start | webpack-dev-server --env development |
build | webpack --env production |
serv | static build |
Webpack's examples
npm run start npm run build npm run serv
yarn run start yarn run build yarn run serv
Examples
Settings
Option | Type | Default | Description |
---|---|---|---|
menuSpeedAnimate | int | 600 | speed animation of the menu |
pageNavigationSpeedAnimate | int | 1500 | speed animation of the page's navigation |
btnClassMenu | string | 'btn-menu' | css class of the menu's button |
stickyMenu | boolean | false | use / don't use sticky menu |
stickyMenuClassName | string | 'fixed' | css class of the sticky menu |
slidingLine | boolean | false | use / don't use sliding line |
slidingLineClassName | string | 'sliding-line' | css class of the sliding line |
slidingLineClassNameActive | string | 'active' | css class of the active sliding line |
slidingLineColor | string | '#ffffff' | color of the sliding line |
slidingLineHeight | string | '3px' | height of the sliding line |
slidingLineSpeedAnimate | int | 200 | speed animation of the sliding line |
winMobWidth | int | 500 | width of the Mobile window |
trackedClassName | string | 'tracked' | css class of the waypoint tracked |
Browser Support
- Chrome
- Firefox
- Opera
- Safari
- IE
Framework Support
- JQuery 1.8+
- Waypoints 4.0+
Dependencies
sliding line is implemented using waypoints
TODO
- with gulp
- with eslint
- add Framework Support
- add Browser Support
- with webpack
- no waypoints version
- no framework version
Contact me
- Site: ikloster03.github.io
- E-mail: [email protected]
- Telegram channel: t.me/ikloster95
CHANGELOG
LICENSE
Copyright (c) 2017 Monastyrev Ivan [email protected]. Licensed under the MIT license.