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

jQuery+HTML5扑克翻牌消除小游戏代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-31
jQuery+HTML5扑克翻牌消除小游戏代码
这是一款基于jQuery+HTML5实现的扑克翻牌消除小游戏代码,玩起来挺简单的,可以打发下无聊时光。


js代码

<script type="text/javascript" src="scripts/htm5game.matchgame.js"></script>
<script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
	//实现随机洗牌
	neusoft.matchingGame.deck.sort(shuffle);
	//alert(neusoft.matchingGame.deck);
	var $card=$(".card");
	for(var i= 0;i<11;i++)
	{
		$card.clone().appendTo($("#cards"));
	}
	//对每张牌进行设置
	$(".card").each(function(index)
	{
		//调整坐标
		$(this).css({
			"left":(neusoft.matchingGame.cardWidth+20)*(index%4)+"px",
			"top":(neusoft.matchingGame.cardHeight+20)*Math.floor(index/4)+"px"
		});
		//吐出一个牌号
		var pattern=neusoft.matchingGame.deck.pop();
		//暂存牌号
		$(this).data("pattern",pattern);
		//把其翻牌后的对应牌面附加上去
		$(this).find(".back").addClass(pattern);
		//点击牌的功能函数挂接
		$(this).click(selectCard);
	});
});
</script>