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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载