jQuery九宫格抽奖

所属分类:其他-游戏

 5081  72  查看评论 (0)
分享到微信朋友圈
X
jQuery九宫格抽奖 ie兼容8

注:请在服务预览,因点击请求加载外部json数据文件,本地预览会有跨域问题。

 $.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());
                 }
             });
         });
     }
 });

winData.json数据格式

{
  "state": 200,
  "win": 5
}
相关插件-游戏

jQuery自定义概率转盘抽奖

自定义开始抽奖、禁止抽奖、抽奖结束功能,可实现自定义抽奖概率
  游戏
 15323  203

在线可以玩的五子棋

五子棋可以在线玩的游戏
  游戏
 43909  308

飞机大战(一共有四个模式)

模式分别为:简单 中等 困难 开挂模式,代码有详细注释
  游戏
 17041  220

原生js抽奖代码

原生js抽奖代码一等奖可内定,知道年会抽奖总没你的份了吧。
  游戏
 19788  201

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复