适合移动手机使用的js环形菜单特效插件
2015-06-09 13:07
507 查看
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。
效果演示: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,默认值+。主菜单按钮的内容。
opts.injectBaseCSS:类型:Boolean,默认值true。
效果演示:http://www.htmleaf.com/Demo/201506081992.html
下载地址:http://www.htmleaf.com/jQuery/Menu-Navigation/201506081991.html
相关文章推荐
- JS对象的浅拷贝与深度拷贝
- JavaScript-面向对象
- JavaScript获取数组最小值和最大值的方法
- JavaScript获取两个数组交集的方法
- JavaScript实现函数返回多个值的方法
- Java8 新JavaScript脚本引擎Nashorn小试
- JavaScript中的getDay()方法使用详解
- JS保留小数点,四舍五入
- 高德地图JavaScript API 自定义顶层Canvas与地图交互
- 七牛js sdk调用file中的blob生成图片的md5值。
- 如何删除JSP编译后的空行
- JavaScript的Date()方法使用详解
- js去除所有空格
- Javascript监视变量变化的方法
- 简介JavaScript中的unshift()方法的使用
- JSTL学习笔记
- JavaScript中的splice()方法使用详解
- JavaScript实现Iterator模式实例分析
- XML&JSON
- 关于jsp中文提交到后台乱码问题解决办法