iTakeo

Archive for 2 月, 2017

简单的转盘抽奖。

接口说明:

var _rotate = new iRotate('#div',{
    start : 0,   //开始角度,可不写,默认0
    end :45,  //结束角度
    time :5000, //持续时间,可不写,默认1000
    easing : 'easeOut', //动画形式,目前只有'linear'和'easeOut'两种,可不写,默认'easeOut'
    callback : function(){ //回调函数
        //this为当前对象
    }
});
_rotate.stop(function(){ //停止回调函数
    //this为当前对象
});
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.

点击这里查看JS

举例子:

默认转动:

更新2.0–使用css3控制旋转

点击这里下载JS 2.0

var luck = new Rotate('#rot22',{ //第一个参数需要旋转的元素
    size : 8, //奖品个数
    time :5000  //旋转时间
});
luck.start(2,()=>{ //开始,设置中奖,回调
    alert('恭喜获得10Q币!')
});
luck.reset();  //复位,下次旋转时清空上次记录的位置 
01.
02.
03.
04.
05.
06.
07.
08.



2017/02/09 4 / /
标签:  暂无标签
回到顶部