注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-01-18
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>