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

本文介绍了一个适用于移动设备的JavaScript环形菜单插件blooming-menu,该插件利用CSS3动画实现炫酷的展开和隐藏效果。文章详细列举了插件的参数设置,包括菜单项数量、开始和结束角度、半径等,并提供了效果演示链接和下载地址。
摘要由CSDN通过智能技术生成

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,默认值+。主菜单按钮的内容。
  • opts.injectBaseCSS:类型:Boolean,默认值true。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值