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.
