jQuery大转盘抽奖(原创)

 查看演示  website  立即下载

更新时间：2019-12-12 23:17:07

如效果不完全能满足需求，可自行修改源码

参数

target: '.lottery-wrap',   // 旋转对象
easing: 'easeInOutSine',   // anime.js 动画曲线
isplay: false,             // 动画是否在播放
duration: 3000,            // 动画时长
rotateNum: 5,              // 旋转圈数
total: 8,                  // 奖励个数
offset: 0,                 // 旋转偏移值

使用方法

var Lottery = Turntable.create();
$('.lottery-btn').on('click', function() {
    var num = Math.floor(Math.random() * 8);
    Lottery.start(num, function(index) { //转盘动画结束回调
        alert($('span').eq(index).find('i').text());
        console.log('index', index, 'lottery-span', 'lottery-span' + (index + 1));
    });
});

PREVIOUS:
NEXT:
jQuery移动端页面数据分段加载
jQuery bootstraps响应式设计类网站模板