红色喜庆风格界面jQuery新年年会随机手机号码滚动抽奖代码,2018年会喜迎新年幸运大抽奖活动页面。
js代码
<scripttype="text/javascript"src="js/easing.js"></script>
<script>varu=100;
varn=1;
vartimer;//定义滚动的定时器
varresult=18912345678;//指定中奖结果,可以抽取指定数组中的某一个
varisBegin=false;//标识能否开始抽奖$(".num").css('backgroundPositionY',200);//开始13888888888
$(".num").eq(0).css('backgroundPositionY',-100)
$(".num").eq(1).css('backgroundPositionY',-300)//执行数字滚动
functionrun(){
n++;
$(".num").each(function(index){
var_num=$(this);
_num.animate({
backgroundPositionY:((u+1)*n*(index+1))
},100);});
timer=window.setTimeout(run,100);
isBegin=true;
}
$(function(){
//开始抽奖
$('.start').click(function(){
if(isBegin){
returnfalse;
}else{
run();
}
});
//停止抽奖
$('.stop').click(function(){varnum_arr=(result+'').split('');$(".num").each(function(index){
var_num=$(this);
setTimeout(function(){
_num.animate({
backgroundPositionY:(u*60)-(u*num_arr[index])
},{
duration:500,
easing:"easeInOutCirc",
complete:function(){
if(index==10){
isBegin=false;
}
}
});
},100);
});
window.clearTimeout(timer);
isBegin=false;
});
});
</script>
下载
|
|