注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery网页大转盘抽奖代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-12-27
jQuery网页大转盘抽奖代码
一款简单的jQuery网页大转盘抽奖代码,点击中间的开始抽奖按钮转盘旋转随机抽出中奖奖品。


js代码

    <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/lib/anime.min.js"></script>
    <script src="js/app/lottery.js"></script>
    <script>
        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));
            });
        });
    </script>