返回首页 | 一键访问 | 收藏本站 | 免费素材分享QQ群:1023538014

当前位置:首页 > JS代码 > 其他代码 > jQuery实现漂亮的数字摇奖老虎机效果
下载地址

jQuery实现漂亮的数字摇奖老虎机效果

jQuery实现漂亮的数字摇奖老虎机效果,界面很漂亮,数字全是图片构成,摇奖的数字是随即生成,能直接显示在页面上面!

functionnumRand(){
	varx=9999;//上限
	vary=1111;//下限
	varrand=parseInt(Math.random()*(x-y+1)+y);
	returnrand;
}
varisBegin=false;
$(function(){
	varu=265;
	$('.btn').click(function(){
		if(isBegin)returnfalse;
		isBegin=true;
		$(".num").css('backgroundPositionY',0);
		varresult=numRand();
		$('#res').text('摇奖结果='+result);
		varnum_arr=(result+'').split('');
		$(".num").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(){
						if(index==3)isBegin=false;
					}
				});
			},index*300);
		});
	});	
});

jQuery实现漂亮的数字摇奖老虎机效果

«
»
花米素材免费素材网