https://github.com/maxulyanov/slidingmenu
Magic sliding menu
https://github.com/maxulyanov/slidingmenu
coffeescript javascript jquery me menu-navigation sliding-menu slidingmenu
Last synced: 3 months ago
JSON representation
Magic sliding menu
- Host: GitHub
- URL: https://github.com/maxulyanov/slidingmenu
- Owner: maxulyanov
- License: mit
- Created: 2015-12-04T20:56:13.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2017-04-22T20:04:01.000Z (over 8 years ago)
- Last Synced: 2025-04-11T04:04:12.736Z (9 months ago)
- Topics: coffeescript, javascript, jquery, me, menu-navigation, sliding-menu, slidingmenu
- Language: HTML
- Homepage: http://m-ulyanov.github.io/sliding-menu/
- Size: 581 KB
- Stars: 6
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SlidingMenu
Magic sliding menu
## Getting started
1. Include jQuery
2. Include SlidingMenu files (js and css)
3. Create SlidingMenu with your options after window load
```html
$(window).on('load', function() {
var $menu = $('.menu-example-id-1');
var $items = $menu.find('.menu-example__item');
new SlidingMenu({
'menu': $menu,
'items': $items,
});
})
```
## Options
### Required:
menu — Wrapper items menu (jQuery object)
items — Items menu (jQuery object)
### Not required:
itemActiveClass — Active class current item menu (String). Default: 'active'
slidingClass — Custom class sliding element (String). Default: ' '
direction — Direction float sliding 'x' or 'y' (String). Default: 'x'
duration — duration animation in mc (Number). Default: 400
## Callbacks
over — Call function during hover menu items
leave — Call function during leave from wrapper menu
```html
$(window).on('load', function() {
var $menu = $('.menu-example-id-1');
var $items = $menu.find('.menu-example__item');
new SlidingMenu({
'menu': $menu,
'items': $items,
},
{
'over': over,
'leave': leave
});
function over(current, data) {
console.log('hover menu items')
}
function leave(current, data) {
console.log('leave menu')
}
});
```
## Browser Support
All modern browsers and IE9+
## Example
See detail example - SlidingMenu