微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery.wheelOfFortune JS 转盘组件

程序名称:jquery.wheelOfFortune

授权协议: LGPL

操作系统: 跨平台

开发语言: JavaScript

jquery.wheelOfFortune 介绍

jquery.wheelOfFortune 是一个js的转盘组件 使用了jquery.rotate 进行图片的旋转。

初始化
  $(xxx).wheelOfFortune({
  'wheelImg':,//转轮图片
  'pointerImg':,//指针图片
  'buttonImg':,//开始按钮图片
  'wSide':,//转轮边长(认使用图片宽度)
  'pSide':,//指针边长(认使用图片宽度)
  'bSide':,//按钮边长(认使用图片宽度)
  'items':,//奖品角度配置{键:[开始角度,结束角度],键:[开始角度,结束角度],......}
  'pAngle':,//指针图片中的指针角度(x轴正值为0度,顺时针旋转 认0)
  'type':,//旋转指针还是转盘('p'指针 'w'转盘 认'p')
  'fluctuate':,//停止位置距角度配置中点的偏移波动范围(0-1 认0.8)
  'rotateNum':,//转多少圈(认12)
  'duration':,//转一次的持续时间(认5000)
  'click':,//点击按钮的回调
  'rotateCallback'//转完的回调
  });

 转到目标奖项
  $(xxx).wheelOfFortune('rotate',key,type);
  'rotate':调用方法
  key:初始化中items的键
  type:旋转指针还是转盘('p'指针 'f'转盘) 优先于初始化的type

jquery.wheelOfFortune 官网

http://git.oschina.net/nightwish/jquery.wheelOfFortune

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐