适合移动手机使用的js环形菜单特效插件

Posted 2020-09-15 cxchanpin

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