仿2017年圣诞京东抽奖小插件

所属分类:其他-游戏

 31476  351  查看评论 (26)
分享到微信朋友圈
X
仿2017年圣诞京东抽奖小插件 ie兼容11

比较简单了。我就写在一个页面里面了。做成了一个非常的简单函数插件,使用起来方便,所以就不在说明,稍微看下都懂了。 

$.luckGame({
    'zj_arr': {
        'is_win':1,
        'number':9//从0算起,就是10了
    },
    gameLen:10,//产品抽奖数量,
    game_pagesize:6, //圈数
});
相关插件-游戏

3d抽奖(微信)

使用css3中的3d功能制作微信抽奖项目
  游戏
 49343  579

大转盘用于活动抽奖

js九宫格抽奖,纯js代码非常简单一看就会。
  游戏
 28775  344

jQuery移动端抽奖大转盘(图片、文字、概率自设)

图片、文字、概率都可自设,移动端页面(pc需自行修改样式)代码注释全
  游戏
 22037  311

移动端大转盘抽奖指定奖品+中奖名单轮播(原创)

切换至手机模式查看效果,指定奖品的大转盘抽奖,还有中奖轮播
  游戏
 27363  303

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

    weixiaofantasy 0
    2023/12/16 10:13:00
    愉悦谎言 0
    2019/7/12 15:12:30
    这个数据一开始把中奖与否控制了,那我抽奖次数控制怎么做呢。
        九亿少女的梦0
        2020/1/2 15:06:01
        老哥解决了吗?
    回复
    吴虹 0
    2019/1/21 14:58:39
    怎么固定初始图片
        空气1
        2019/1/21 15:01:34
         //每次进来随机3个数字,来启动当前的选择的状态
         for (var i = 0; i < 3; i++) {
           game_init.push(Math.floor(Math.random() * gameLen));
         }

        这个,改成固定的数组下标位置
        例如
        这里1,4,5是数组下标,数组从0开始。

        game_init.push(1);
        game_init.push(4);
        game_init.push(5);
    回复
    不是每个超人都叫咸蛋 0
    2018/8/8 17:47:49
    抽奖停止后怎么生成才哥不同的产品啊?要随机的
        幸福~手掌1
        2021/1/21 17:14:06
        我把它的number值改成数组的形式,如:[0,2,4],再改下面遍历的方法,settings.zj_arr.number改成settings.zj_arr.number[e],就可以展示不同的图片
    回复
    a辙 0
    2018/7/20 14:42:50
    你好请问 计算高度的这一句 game_list_item_h=(w_config.w*320/750*0.5*0.7).toFixed(2); 其中的320 和750 分别代表什么
        幸福~手掌0
        2021/1/21 17:19:50
        同问这到底是个啥
    回复
    Say i 0
    2018/6/5 15:32:53
    能不能每次抽奖都指定同一个中奖的产品
        空气0
        2018/6/5 15:36:17
        这个只是前端允许形式,中奖指定产品,指定ID就可以了。这个需要自己修改下,很简单的事
    回复
    唁.别-花絮 0
    2018/4/16 23:20:41
    为什么我的就是不能完美的计算到单个li的高度,导致闪跳 回复
    侦念西风独自凉 0
    2018/2/1 15:00:42
    请问一下,这个怎么让它开始一直转, 因为从后台过来的中奖结果 会很慢,游戏是根据获得的结果才开始滚动, 等结果过来要5s左右, 这时候图片不能静止不动啊,这个怎么弄好。。
        空气0
        2018/2/1 15:19:34

        你加个css3的动画animate,做个不断循环的class,开始就插入,等有奖品出来的时候,你把这个移除,然后再重新加现在就可以嘞

        fanfanyiyi0
        2018/2/2 15:59:07

        不行啊 衔接不上的,重新加载现在的时候第一个突然就停了,其他两个还在转,很突兀,衔接不上啊。。

    回复
    小韩-博网追新 0
    2018/1/20 15:07:23
    图片高度怎么改变
        九亿少女的梦0
        2020/1/1 15:35:38
        自己写css
    回复
    夏至未至 0
    2018/1/18 17:37:22

    里面有一段game_list_item_h=(w_config.w*350/480*0.5*0.7).toFixed(2);

    各个参数是指什么呀?

        空气0
        2018/1/18 17:38:44

        这个设置滚动奖品项目的高度,转化为像素高度。

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