方形转盘
优质
小牛编辑
137浏览
2023-12-01
说明
调用方法1:
- $.f2eAct.creatDraw(el,options); //创建转盘
函数说明:
创建转盘
参数说明:
参数名 | 类型 | 说明 | 备注 |
---|---|---|---|
el | string | DOM元素对象 | 必要 |
data | json | 数据源 Task3中 conf接口数据的 data.data | 必要 必须保证data.data.awardInfo.lottery数据不为空 |
type | string | 奖品类型,如果task3有多个转盘,可填写此参数指定某种奖品生成转盘 | 无 |
width | int | 宽度 | 无 |
height | int | 高度 | 无 |
fn | function | 创建转盘后回调方法 | 无 |
脚本
<div class="f2e-lottery" id="lottery"></div>
<script>
/**
* 生成转盘
**/
$.f2e.task.conf({"act":"lolhz1509"},function(data){
if(data.status == 200){
if(data.data.awardInfo.lottery.length > 0){
$.f2eAct.creatDraw("#lottery",{
"data":data.data,
"type":"YB",
"width":110,
"height":75
});
}
}
})
</script>
调用方法2:
- $.f2eAct.startDraw(el,options);
函数说明:
转盘启动
参数说明:
参数名 | 类型 | 说明 | 备注 |
---|---|---|---|
el | string | DOM元素对象 | 必要 |
hoverClass | string | 旋转时样式,默认提供一个hover样式 | 无 |
speed | int | 初始速度,默认为300 | 无 |
startEq | int | 从第几个开始,默认从0开始 | 无 |
cycleIndex | int | 稳定速度后旋转圈数,默认为1 | 无 |
winid | int | 中奖id | 无 |
fn | function | 抽奖完成后回调方法 | 无 |
脚本
<script>
/**
* 转盘启动
**/
$.f2eAct.startDraw("#lottery li",{
hoverClass:"hover",
winid:4,
fn:function(){
alert("恭喜你抽中了XXX")
}
});
</script>