注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery单滚轮老虎机抽奖代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-23
jQuery单滚轮老虎机抽奖代码
jQuery单滚轮老虎机抽奖代码是一款只有一个滚轮的老虎机网页抽奖插件。


js代码

<script src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
	$(".main3-btn").click(function () {
		if(!flag){
			flag=true;
			reset();
			letGo();
			setTimeout(function () {
				flag=false;
				if(index==2){
					$(".fix,.pop-form").show();
				}else{
					$(".fix,.pop").show();
					//$(".pop-text span").text(""+String(4-TextNum1)+(8-TextNum2))
				}
			},2000);
			index++;
		}
	});

	var flag=false;
	var index=0;	
	var TextNum2
	function letGo(){
		TextNum2=parseInt(Math.random()*7)
		var num2=[-750,-820,-888,-274,-341,-408,-477,-545][TextNum2];		
		$(".num-con2").animate({"top":-750},1000,"linear", function () {
			$(this).css("top",0).animate({"top":num2},1800,"linear");
		});
	}
	function reset(){
		$(".num-con2").css({"top":-274});
	}
</script>