首页 >网站特效 >抽奖 >简易的jQuery九宫格抽奖代码

简易的jQuery九宫格抽奖代码

来源：http://www.phprr.com/show-1599 2019-11-07 10:16:49浏览() 收藏

一款简易的jQuery九宫格抽奖代码，样式比较粗糙，可自行进一步美化。注：加载外部json数据文件，本地预览会有跨域问题，请在服务端查看演示效果。
简易的jQuery九宫格抽奖代码
分类： >网站特效 >抽奖
查看演示 下载资源： 0 次 下载资源 下载积分： 30 积分

js代码

<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> 
<script src="encryption-win.js"></script> 
<script> 
    $(function () { 
 
        document.querySelector('#me').addEventListener('click', function () { 
            $.ajax({ 
                url: './winData.json', 
                method: 'get', 
                success: function (data) { 
                    new Win({ 
                        el: '.lottery', //抽奖元素的父级 
                        startIndex: 1, //从第几个位置开始抽奖 [默认为零] 
                        totalCount: 4, //一共要转的圈数 
                        // winningIndex: data.win, //中奖的位置索引[1-8] 后台返回的中奖数字 
                        winningIndex: 3, //模拟写死的,实际效果可接受后台返回 
                        speed: 50 //抽奖动画的速度 [数字越大越慢,默认100] 
                    }, function () {  //中奖后的回调函数 
                        //do something 
                        $('.lottery li').each(function () { 
                            if ($(this).hasClass('active')) { 
                                //打印当前中奖信息 
                                console.log($(this).html()); 
                                $('.prize').html($(this).html()); 
                            } 
                        }); 
                    }); 
                } 
            }); 
        }) 
    });//end function 
</script>


友情提醒：源码仅供学习 不得用于其他用途，下载者用于违法用途,本站不承担任何责任

腾讯云服务器安全可靠高性能，多种配置供您选择

https://cloud.tencent.com/redirect.php?redirect=1001&cps_key=b685b398d3e704662203733b89accc52&from=console

阿里云服务器安全可靠高性能，多种配置供您选择

https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=geqqrf2n

标签： 九宫格 抽奖 九宫格抽奖
h5网页手机版幸运大转盘抽奖效果UI界面静态html
html在线抽奖源码（支持作弊）
最新交易
评论（0）
头像

评论后赠送5积分，下载出错或者资源有问题请联系全栈客服QQ 357058607

1 2
更多 > 相关资源 /Relative
05-29 html在线抽奖源码（支持作弊）
05-30 类似老虎机特效移动端网页源码
05-30 jQuery大转盘抽奖网页特效带中奖名单的页面
05-26 html5手机微信砸金蛋抽奖小游戏代码
01-02 h5网页手机版幸运大转盘抽奖效果UI界面静态html
05-07 html5手机微信端邀请好友抽奖活动页面模板
05-10 jQuery+css3数字号码抽奖系统代码
05-30 H5响应式转盘抽奖游戏代码支持手机移动端
05-30 jQuery手机端红包雨抽奖代码
05-30 html5手机微信翻牌抽奖活动页面模板
更多 > 推荐资源 /Recommed
05-30 类似老虎机特效移动端网页源码
05-30 jQuery大转盘抽奖网页特效带中奖名单的页面
05-26 html5手机微信砸金蛋抽奖小游戏代码
01-02 h5网页手机版幸运大转盘抽奖效果UI界面静态html
05-10 jQuery+css3数字号码抽奖系统代码
05-30 H5响应式转盘抽奖游戏代码支持手机移动端
05-30 jQuery手机端红包雨抽奖代码
05-30 html5手机微信翻牌抽奖活动页面模板
05-30 手机微信端h5驱赶年兽抽奖活动页面模板
05-30 手机微信签到抽奖活动专题网页模板下载
更多 > 标签云 /Tag
网点 定位 点亮 多步骤 马路 红绿灯 信号灯 酷狗 生成器 自动聊天 英文键盘 歌词 九宫格抽奖 验证手机号 悬浮菜单 速度测试 原生js 跳跳棋 摇骰子 jQuery插件 表格排序 录音 飞艇 中奖 画册 翻页相册 计算器 图片布局 头像 菜单树形 zTree树 数字键盘 软键盘 audio 音频 excel导出 口红 夹娃娃 柱状 便签 贴纸 看图猜成语 语音 配对 扑克 下拉框美化 冒烟 动态表格 动态增删 数据表格 bootstrap表格 全景图 全景 树形节点 找茬 书法 写字 手写签名 签名 三维 下拉框多选 下拉多选 select 连线 对比 图片对比 选项卡切 步骤切换 书本翻页 翻书 电子杂志 滑块验证 左右滑动 切换swiper 移动端购物车 mp3音乐 批量图片上传 选择题 飞机大战 3D轮播 3D图片切换 3D翻转 Slider 插件 echarts图表 首列固定 表头固定 固定 城市多选 城市单选 表格编辑 表格插件 拖拽排序 弹出框 checkbox 旋转切换 卡片图片 飞鱼 打砖块 键盘输入
更多 > 最新资源 /Relative
05-29 html在线抽奖源码（支持作弊）
05-30 类似老虎机特效移动端网页源码
05-30 jQuery大转盘抽奖网页特效带中奖名单的页面
05-26 html5手机微信砸金蛋抽奖小游戏代码
01-02 h5网页手机版幸运大转盘抽奖效果UI界面静态html
05-07 html5手机微信端邀请好友抽奖活动页面模板
05-10 jQuery+css3数字号码抽奖系统代码
05-30 H5响应式转盘抽奖游戏代码支持手机移动端
05-30 jQuery手机端红包雨抽奖代码
05-30 html5手机微信翻牌抽奖活动页面模板