适合移动手机使用的js环形菜单特效插件
2017-04-30 09:18
148 查看
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
以下是这个圆形菜单菜价的可用參数:
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环形菜单特效插件
- CSS3超酷移动手机滑动隐藏侧边栏菜单特效
- [JS插件] pageSwitch 适合移动端整屏滚动效果的使用教程
- 4种CSS3超酷移动手机滑动隐藏侧边栏菜单特效
- fullpage.js插件使用——菜单绑定
- 图片使用鼠标移动和滚轮缩放js以及插件
- 基于jQuery插件实现环形图标菜单旋转切换特效
- Bootstrap树形菜单插件TreeView.js使用方法详解
- js滑动特效插件Swiper使用心得
- 省市区下单菜单js插件使用教程
- 手机图片预览插件photoswipe.js使用总结
- 用户从手机的浏览器访问www.baidu.com,看到的可能跟桌面PC电脑,是不太一样的网页效果,会更适合移动设备使用。请简要分析一下,实现这种网页区分显示的原因及技术原理。
- 手机整屏滑动插件-----fullPage.js------使用
- 使用Slideout.js开发移动Web应用导航栏菜单
- CSS3超酷移动手机滑动隐藏側边栏菜单特效
- 基于jQuery插件实现环形图标菜单旋转切换特效
- jQuery移动优先的炫酷环形菜单插件
- Bootstrap树形菜单插件TreeView.js使用方法详解
- 跨平台移动开发 手机上使用Iscroll.Js的Banner
- 可刷新的JS树形菜单特效