刮奖效果：gua:js实现刮刮乐功能
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本项目展示如何使用JavaScript实现网页刮奖效果，模拟热门的刮刮卡游戏体验，适用于各种在线抽奖活动。
gua.js 是一个移动端的刮刮乐活动工具，无需任何依赖。通过设定一些参数来初始化：
```javascript
gua.init(el, {
bg: url, // 中奖图片地址
fg: url, // 待刮图片地址
size: 5, // 默认为5，默认每次刮取大小为5
p: 0, // 刮掉的占剩余百分比，设置此值后程序内部将自动判断达到该比例时执行clear函数
start: function(),
move: function(),
end: function(),
clear: function() // 清除后的回调函数
});
```
`init` 方法的第一个参数可以是选择器或元素对象。在 `exp.html` 中有具体的使用示例。
初始化实例时，例如：
```javascript
gua.init(oDiv, {
bg : url,
...
})
```
全部评论 (0)
还没有任何评论哟~
