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

jQuery简单的九宫格幸运大抽奖代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-10-23
jQuery简单的九宫格幸运大抽奖代码
jQuery简单的九宫格幸运大抽奖代码,可以指定中奖号码,也可以设置随机抽奖。


js代码

    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.luckdraw.js"></script>
    <script>
        $(function(){
            // 后端抽奖
            $('#demo1>ul').luckdraw({
                row: 3,        //行
                column: 4,     //列
                spacing: 5,    //空隙
                click: '#go1', //点击触发
                afterClick: function($this){
                    // 设置中奖号码
                    $this.target = 3;
                },
                onEnd:function(target){
                    // target为获奖编号
                    setTimeout(function(){
                        alert('中奖号码'+target);
                    },500);
                }
            });

            // 随机抽奖
            $('#demo2>ul').luckdraw({
                row : 3,        // 行
                column : 4,     // 列
                spacing: 5,     // 空隙
                click : '#go2', // 点击触发
                onEnd:function(e){
                    // e为获奖编号
                    setTimeout(function(){
                        alert('中奖号码'+e);
                    },500);
                }
            });
        });
    </script>