九宫大转盘抽奖实现

九宫大转盘抽奖实现
让我们分享九场平局。

特效描述:
jQuery 9000大彩票代码页的效果,点击抽奖按钮开始随机抽奖奖品的选择,你可以设置起点,奖多少,转动的次数,获胜的位置参数。(兼容测试:IE7和Firefox,Chrome,Opera,Safari,360,和其他主流浏览器)

HTML:



js的一部分

var彩票= {
索引:- 1,其中当前旋转,起始点位置
计数:0是总号/位置。
定时器:0, / / setTimeout的ID,清除清除定时器
速度:20初始转速
时间:0 /旋转数
循环:50、基本数:至少有多少次旋转旋转才能进入抽奖活动。
奖品:- 1 /胜利位置
init:函数(id){
如果($(+身份证# ),(。彩票单元)。长> 0){
彩票= $($+身份证# );
单位= $(美元lottery.find。彩票单元);
this.obj = $彩票;
this.count = $ units.length;
lottery.find美元(。彩票单位+这个指标),AddClass(主动);
};
},
卷:函数(){
VaR指标= this.index;
VaR计算= this.count;
VaR彩票= this.obj;
$(彩票)。找到(。彩票单元-+指标)。RemoveClass(主动);
索引= 1;
如果(指数> count-1){
索引= 0;
};
$(彩票)。找到(。彩票单元-+指标)。AddClass(主动);
索引=索引;
返回false;
},
停止:函数(索引){
这个=奖品=索引;
返回false;
}
};

函数滚动(){
lottery.times = 1;
Lottery.roll();
如果(lottery.times >彩票。周期+ 10彩票奖= =彩票。指数){
ClearTimeout(彩票。定时器);
彩票。奖品= 1;
彩票,时间= 0;
单击= false;
其他{ }
如果(彩票,时间,彩票,循环){
lottery.speed = 10;
如果(彩票=时间=彩票周期){
VaR指标= Math.random()*(彩票。计数)| 0;
lottery.prize =指数;
其他{ }
如果(lottery.times >彩票。周期+ 10((彩票奖= = 0彩票。指数= = 7)| |彩票奖= =彩票。指数+ 1)){
lottery.speed = 110;
其他{ }
lottery.speed = 20;
}
}
如果(彩票,速度< 40){
彩票,速度= 40;
};
/ / console.log(彩票。倍+ ^^^^^^ +彩票。速度+ ^^^^^^^ +抽奖。奖品);
lottery.timer = setTimeout(卷、彩票。速度);
}
返回false;
}

var = false;

窗口。指针函数(){
Lottery.init('lottery);
$(#彩票)。Click(function(){)
如果(单击){
返回false;
其他{ }
彩票,速度= 100;
辊();
单击=真;
返回false;
}
});
};

CSS部分
CSS的作用
#彩票{宽度:574px;身高:584px;保证金:为0px auto;背景:URL(。 /图像/ BG .webp)没有重复;填充:50px 55px;}
#彩票td {宽度:-142px;高度:-142px;文本对齐:中心;垂直对齐方式:居中;字体大小:24px;颜色:# 333;字体指数:999 }
#彩票td一{宽度:284px;身高:284px;线高度:150px;显示:块;文字装饰:无;}
#彩票td。主动{背景颜色:# ea0000;}
css的作用
可以在JS中设置参数:
索引:- 1,其中当前旋转,起始点位置

计数:0是总号/位置。

定时器:0, / / setTimeout的ID,清除清除定时器

速度:20初始转速

时间:0 /旋转数

循环:50、基本数:至少有多少次旋转旋转才能进入抽奖活动。

奖品:- 1 /胜利位置

在演讲结束时

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部