基本信息
源码名称:九宫格抽奖
源码大小: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; | |
| } | |
| }; |