blooming-menu是一款适合在移动手机上使用的js环形菜单插件。该环形菜单提供了众多的參数,通过结合CSS3动画制作出效果很炫酷的圆形菜单展开和隐藏动画效果。
以下是这个圆形菜单菜价的可用參数:
- opts.itemsNum:类型:Number,该參数为必填參数。
该參数是菜单项的数量。 - opts.startAngle:类型:Number。默认值90。菜单的開始角度。
- opts.endAngle:类型:Number。默认值0。菜单的结束角度。
- opts.radius:类型:Number。默认值80。圆形菜单的半径。
- opts.itemAnimationDelay:类型:Number。默认值0.04。
圆形菜单项动画的延迟时间。 - opts.animationDuration:类型:Number。默认值0.4。
动画的持续时间。 - opts.fatherElement:类型:HTMLElement,默认值document.body圆形菜单的父元素。
- opts.itemWidth:类型:Number,默认值50。
菜单项的宽度。 - opts.CSSClassPrefix:类型:String,默认值‘blooming-menu__‘。
菜单项的CSS class名称前缀。 - opts.mainContent:类型:String。默认值+。
主菜单button的内容。 - opts.injectBaseCSS:类型:Boolean,默认值true。
效果演示:http://www.htmleaf.com/Demo/201506081992.html
下载地址:http://www.htmleaf.com/jQuery/Menu-Navigation/201506081991.html
时间: 2024-10-06 00:12:11