jQuery九宫格抽奖

所属分类:其他-游戏

 15058  172  查看评论 (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
}
相关插件-游戏

程序员求签

程序员求签
  游戏
 28761  321

html5小游戏飞翔的小鸟

用canvas制作飞翔的小鸟游戏 鼠标控制小鸟运动
  游戏
 30071  300

jQuery九宫格抽奖

网页中常用的九宫格抽奖代码
  游戏
 40264  383

html5躲避僵尸小游戏(原创)

通过控制上下左右来躲避僵尸,注意关卡内会有随机障碍物与奖励掉落哦
  游戏
 15994  147

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复