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 very cool round menu with CSS3 animations to unfold and hide the animation effects.
Here are the available parameters for this round menu price:
- Opts.itemsnum: Type: Number, the parameter is required. This parameter is the number of menu items.
- Opts.startangle: Type: number, default 90. The start angle of the menu.
- Opts.endangle: Type: number, default 0. The end angle of the menu.
- Opts.radius: Type: number, default 80. The radius of the round menu.
- Opts.itemanimationdelay: Type: number, default 0.04. The delay time of the circular menu item animation.
- Opts.animationduration: Type: number, default 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