jQuery三排滚动手机抽奖代码是一款适用于手机移动端的幸运抽奖网页特效。
js代码
<scriptsrc="js/jquery.min.js"></script>
<scriptsrc="js/easing.js"></script>
<script>
//随机数(停的位置)
functionnumRand(){
//图片每个图片6个选项
vararr=["0","1","2","3","4","5"]
varres="";
for(vari=0;i<3;i++){
varrnd=Math.floor(Math.random()*arr.length);
res+=arr[rnd];
arr.splice(rnd,1)
}
returnres
}
functionLottery(){
varisBegin=false;
varu=150;
if(isBegin)returnfalse;
isBegin=true;
$(".tiger").css('backgroundPositionY',0);
//一等奖052二等奖230三等奖413
//varresult="413";
varresult=numRand();
console.log(result)
varnum_arr=(result+'').split('');
console.log(num_arr)
$(".tiger").each(function(index){
var_num=$(this);
setTimeout(function(){
_num.animate({
backgroundPositionY:(u*60)-(u*num_arr[index])
},{
duration:6000+index*3000,
easing:"easeInOutCirc",
complete:function(){
isBegin=false;
if(index==2){
//抽奖结束启动按钮可再次抽奖
$(".play").attr("disabled",false)
}
}
});
},index*300);
});
}
$('.play').click(function(){
//点击抽奖的时候不可立刻再次点击此时禁用按钮
$(this).attr("disabled",true);
Lottery()
});
</script>
下载
|
|