• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 网页特效

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

栏目:网页特效时间:2021-06-27 18:27阅读数:55人阅读
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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com