在线下单

淘宝网拍付下单(拍付下单之后请及时联系客服排单)

店铺地址 https://sminer.taobao.com/

拍付链接 http://t.cn/R34uWQU

转盘插件-jquery.wheelOfFortune

分类:插件代码 更新时间:2018-07-23 浏览次数:911

代码简介

jQuery大转盘插件jquery.wheelOfFtune,代码注释全,修改方便。

浏览器兼容

Chrome、 Opera、 Safari、Opera、IE9+

使用方法

1. 引入文件:

    <script src="jquery.js"></script>
    <script src="static/js/jquery.rotate.min.js"></script>
    <script src="jquery.wheelOfFortune.js"></script>


2. html:

    <div id="wheel_container"></div>


3. css:

    $(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'     //转完的回调
   });


问题反馈

  • 问题内容

  • 问题附件

  • 您的称呼

    联系方式

提交成功

您的问题已成功提交,我们工作人员将于1个工作日之内与您联系处理。
谢谢您的支持!

发票受理

提交成功

您的发票受理请求已成功提交,我们工作人员将于1个工作日之内与您联系处理。
谢谢您的支持!