jQuery纸牌消消看小游戏代码【原创

来源:https://www.sucaihuo.com/js/3623.html 2018-04-15 21:15浏览(1018) 收藏

一个玩法特别简单的jQuery纸牌消消看小游戏代码,这个纸牌一样的话,不分花色,可以两两消除。快来试玩一下吧。
jQuery纸牌消消看小游戏代码
分类:游戏 > 设计 难易:入门级
查看演示 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript">
   function feef(){
	var a=Math.floor(Math.random()*4)
	var b=Math.floor(Math.random()*13)
    var deds="♠♥♣♦"
	var str=["A","2","3","4","5","6","7","8","9","10","J","Q","K"]
	return "<span class='pai' pai='"+(b+1)+"' style='"+(a%2==1?"color:#f00":"")+"' onclick=\"pais("+(b+1)+",this)\">"+str[b]+"<br>"+deds.substr(a,1)+"</span>"
   }
   var lengthsrr=$(".dessd td").length
   for(i=0;i<lengthsrr;i++){
    $(".dessd td").eq(i).html(feef())
   }
   var score=0
   var paisa="-"
   var paisb="-"
   $.fn.toggleAttr=function(a,b){
    if($(this).attr(a)==undefined){$(this).attr(a,b)}else{$(this).removeAttr(a)}
   }
   function pais(k,l){
	$(l).toggleAttr("dui","")
    if(paisa=="-"){
	 paisa=k
	}else if(paisb=="-"){
	 paisb=k
     if(paisa==paisb){
	  if($(l).attr("dui")!=undefined){score++;}
	  $(".score").html(score);$("[dui]").fadeOut(500,function(){$(this).remove();abeer()});
	 }else{
	  $("[dui]").removeAttr("dui")
	 }
     paisa="-",paisb="-"
	}
   }
   function abeer(){
	var dr=Math.max($("[pai='1']").length,a2=$("[pai='2']").length,a3=$("[pai='3']").length,a4=$("[pai='4']").length,a5=$("[pai='5']").length,a6=$("[pai='6']").length,a7=$("[pai='7']").length,a8=$("[pai='8']").length,a9=$("[pai='9']").length,a10=$("[pai='10']").length,a11=$("[pai='11']").length,a12=$("[pai='12']").length,a13=$("[pai='13']").length)
    if(dr==0||dr==1){
	 $(".txdd").html("牌数不够,自动刷新");
	 setTimeout(function(){for(i=0;i<lengthsrr;i++){$(".dessd td").eq(i).html(feef())};$(".txdd").html("");},1000) //牌数过低自动刷新
	}
   }
  </script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3623.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2