好资源导航 » 文章资讯 » jQuery实现数字华容道小游戏(实例代码)

jQuery实现数字华容道小游戏(实例代码)

2023-08-03 00:35:04 60




数字华容道


*{
padding:0px;
margin:0px;
}
#btns>button{
width:100px;
height:30px;
border:none;
background:#0082df;
color:white;
}
#content{
text-align:center;
margin:0auto;
}
#grid{
border:1pxsolid#0082df;
width:300px;
margin:20pxauto;
height:300px;
}
#grid>div{
float:left;
width:33%;
background:gray;
height:33%;
margin-bottom:1px;
margin-right:1px;
}
.num{
background:#0082df;
width:99%;
height:99%;
color:white;
font-size:30px;
font-weight:bold;
line-height:99px;
}




步数0

vararr=[]; varcount=0; $('button').click(function(){ count=0; $('#count').html(count); arr=[]; load(); }); functionload(){ for(vari=0;arr.length<8;i++){ varnum=Math.ceil(Math.random()*8) if(arr.indexOf(num)==-1){ arr.push(num) } } arr.push(""); rander(); } load(); functionrander(){ varhtml=""; for(vari=0;i

"; } } $('#grid').html(html); } functiontoMove(obj){ varvalue=Number($(obj).text()); varindex=arr.indexOf(value); if(arr[index+3]==""){ arr[index]=arr[index+3]; arr[index+3]=value; count++; rander(); } if(arr[index-3]==""){ arr[index]=arr[index-3]; arr[index-3]=value; count++; rander(); } if(arr[index+1]==""){ arr[index]=arr[index+1]; arr[index+1]=value; count++; rander(); } if(arr[index-1]==""){ arr[index]=arr[index-1]; arr[index-1]=value; count++; rander(); } $('#count').html(count); if(endGame()){ alert("成功"); } }; functionendGame(){ arr[arr.indexOf("")]=9; for(vari=0;iarr[i+1]){ arr[arr.indexOf(9)]=""; returnfalse; } }else{ arr[arr.indexOf(9)]=""; returnfalse; } } arr[arr.indexOf(9)]=""; returntrue; }

总结

以上所述是小编给大家介绍的jQuery实现数字华容道小游戏，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

jQuery实现数字华容道小游戏(实例代码)

步数0

热门推荐

随机推荐