基本信息
源码名称:九宫格抽奖
源码大小:0.38M
文件格式:.zip
开发语言:CSS
更新时间:2017-08-29
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
JQuery 实现九宫格抽奖
JQuery 实现九宫格抽奖
var lottery={ | |
index:-1, //当前转动到哪个位置,起点位置 | |
count:0, //总共有多少个位置 | |
timer:0, //setTimeout的ID,用clearTimeout清除 | |
speed:20, //初始转动速度 | |
times:0, //转动次数 | |
cycle:50, //转动基本次数:即至少需要转动多少次再进入抽奖环节 | |
prize:-1, //中奖位置 | |
init:function(id){ | |
if ($("#" id).find(".lottery-unit").length>0) { | |
$lottery = $("#" id); | |
$units = $lottery.find(".lottery-unit"); | |
this.obj = $lottery; | |
this.count = $units.length; | |
$lottery.find(".lottery-unit-" this.index).addClass("active"); | |
}; | |
}, | |
roll:function(){ | |
var index = this.index; | |
var count = this.count; | |
var lottery = this.obj; | |
$(lottery).find(".lottery-unit-" index).removeClass("active"); | |
index = 1; | |
if (index>count-1) { | |
index = 0; | |
}; | |
$(lottery).find(".lottery-unit-" index).addClass("active"); | |
this.index=index; | |
return false; | |
}, | |
stop:function(index){ | |
this.prize=index; | |
return false; | |
} | |
}; |