抽奖方式--九宫格

作者: 叁乘拾的捌次方 | 来源:发表于2019-08-26 10:39 被阅读0次

抽奖方式--九宫格
mpvue封装九宫格抽奖组件
九宫格积分抽奖可自定义大小（3*3、3*4、4*4...）可指
Android 9宫格抽奖不是类似PPT那种样子
小程序实现大转盘，九宫格抽奖，带跑马灯效果
HTML九宫格抽奖
vue九宫格抽奖功能
JavaScript 实现九宫格抽奖
知识库
微信小程序抽奖-翻牌

效果预览：

http://www.guoliangjie.com/code/2019/Jiugongge/index.html

源码地址：

https://github.com/cc984388932/code/tree/master/2019/Jiugongge

使用方法

/* -- css -- */
.jiuGongGe li{}    /*每个格子的样式*/
.jiuGongGe li.active{}    /*被选择中的样式*/

/* -- js -- */
//初始化
var jiuGongGe=new JiuGongGe({
    backFunc:function(result){   //游戏结束之后的回调函数
        console.log(result);
    }
});

/*
游戏开始的方法
pos(number)：必选参数,最后停留的位置，从0开始，7结束，顺时针
*/
jiuGongGe.start(endPos); 
}

抽奖方式--九宫格
效果预览： http://www.guoliangjie.com/code/2019/Jiugongge/inde...
mpvue封装九宫格抽奖组件
最近用mpvue做小程序，有一个需求是做九宫格抽奖。因此参考了一篇文章从而封装了一个九宫格抽奖组件，可以直接拿来用...
九宫格积分抽奖可自定义大小（3*3、3*4、4*4...）可指
九宫格积分抽奖可自定义大小（3*3、3*4、4*4...）可指定抽奖结果可指定运行方向抽奖的内容可以是图片 ...
Android 9宫格抽奖不是类似PPT那种样子
参考文献 Android超简单实现九宫格抽奖代码 9宫格抽奖Demo 需求描述需要做一个抽奖的效果，网上搜索了...
小程序实现大转盘，九宫格抽奖，带跑马灯效果
基本实现功能 1，小程序仿天猫超市大转盘 2，九宫格转盘抽奖 3，积分抽奖 4，抽到的积分随机生成 5，抽奖结果可...
HTML九宫格抽奖
在很多平台上可能会涉及到抽奖活动，下面就是提供了一个抽奖的demo，实现九宫格轮转抽奖。效果如下：使用时可以直...
vue九宫格抽奖功能
vue九宫格抽奖页面结构样式思路：点击开始抽奖，调用转动的方法，如果达到转动次数要求，且转到中奖位置，则停止...
JavaScript 实现九宫格抽奖
九格宫抽奖相信大家都玩过，今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦！ 1.预览效果效果...
知识库
小乌龟下载地址 https://tortoisesvn.net/downloads.html 九宫格转盘抽奖 ht...
微信小程序抽奖-翻牌
背景由于最近接到一个需求--抽奖活动；翻牌打乱活动抽奖活动，大概需求是这样的，九宫格卡牌，先正面展示所有奖品，...