jQuery老虎机单滚轮-爱编程

jQuery老虎机单滚轮

来源：jq22 阅读：16 时间：2018-02-04 01:33

jQuery老虎机单滚轮

插件描述：只有一个滚轮的老虎机插件，之前在网上看到的都是3个或者以上的滚轮，但是有时候我们只需要一个就够了，这里上传的是一个pc的，一个wap的单滚轮老虎机插件js

<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>

在线预览源码下载