The Blooming-menu is a JS ring menu plugin for use on mobile phones. The Ring menu offers a wide range of parameters to create a cool round menu that combines CSS3 animations to expand and hide animation effects.
Here are the available references for this round menu price:
- Opts.itemsnum: Type: Number, which is a required number of parameters.
This is the number of menu items.
- Opts.startangle: Type: number. The default value is 90. The start angle of the menu.
- Opts.endangle: Type: number. The default value is 0. The end angle of the menu.
- Opts.radius: Type: number. The default value is 80. The radius of the round menu.
- Opts.itemanimationdelay: Type: number. The default value is 0.04.
The delay time of the circular menu item animation.
- Opts.animationduration: Type: number. The default value is 0.4.
The duration of the animation.
- Opts.fatherelement: Type: htmlelement, default value document.body the parent element of the round menu.
- Opts.itemwidth: Type: number, default 50.
The width of the menu item.
- OPTs. Cssclassprefix: Type: String, default value ' blooming-menu__ '.
The CSS class name prefix for the menu item.
- Opts.maincontent: Type: String. Default Value +.
The contents of the main Menu button.
- OPTS.INJECTBASECSS: Type: Boolean, default value TRUE.
Effect Demo: http://www.htmleaf.com/Demo/201506081992.html
: http://www.htmleaf.com/jQuery/Menu-Navigation/201506081991.html
JS Ring Menu Effect Plug-in for mobile phone use