jQuery老虎机单滚轮

jQuery老虎机单滚轮

ie兼容9 插件描述:只有一个滚轮的老虎机插件,之前在网上看到的都是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>

在线预览    源码下载

爱编程-编程爱好者经验分享平台

加入前端爱好者QQ群(123235875) 点击加群,共同交流进度!

文章评论

  

版权所有 爱编程 © Copyright 2012. w2bc.com. All Rights Reserved.
闽ICP备12017094号-3