jQuery九宫格抽奖

所属分类:其他-游戏

 5080  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
}
相关插件-游戏

canvas小游戏(飞翔的小鸟)

中介者设计模式,原生js飞翔的小鸟.
  游戏
 19820  191

jQuery随机批量抽奖

jQuery随机批量抽奖,随机抽取指定个数,公司年会抽奖专用,点击开始后开始抽奖 ,点击结束后结束抽奖
  游戏
 14384  203

js+Html5捕鱼达人

js和HTML5实现网页版捕鱼达人游戏
  游戏
 32970  341

jQuery消消乐小游戏

jQuery面向对象实现小游戏
  游戏
 17459  230

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

取消回复