注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery九宫格抽奖活动代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-05-07
jQuery九宫格抽奖活动代码
jQuery九宫格抽奖活动代码是一款红色风格的服务器空间商购买赠品抽奖源码。


部分js代码

<script type="text/javascript">
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.lottery-unit-' + this.index).addClass('active');
		};
	},
	roll: function() {
		var index = this.index;
		var count = this.count;
		var lottery = this.obj;
		$(lottery).find('.lottery-unit.lottery-unit-' + index).removeClass('active');
		index += 1;
		if (index > count - 1) {
			index = 0;
		};
		$(lottery).find('.lottery-unit.lottery-unit-' + index).addClass('active');
		this.index = index;
		return false;
	},
	stop: function(index) {
		this.prize = index;
		return false;
	}
};
</script>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。