码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-04-30 12:32:54      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:main   动画   content   结束   演示   duration   分享   宽度   ecs   

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


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

标签:main   动画   content   结束   演示   duration   分享   宽度   ecs   

原文地址:http://www.cnblogs.com/cxchanpin/p/6788850.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!