用jQuery简单实现五子棋

五子棋小游戏实现的基本思路:
以15*15标准面板为棋盘布局,黑白棋子交替下棋。每落下一枚棋子就判断横向,竖向,左斜向,右斜向这四种方向上是否存在和该子颜色相同并且组成了连续五子的情况,如果存在,则提示赢棋,否则继续下棋。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<style>
	td{
		border:1px solid #ccc;
		width:60px;
		height:60px;
	}
</style>
</head>
<body>
<table style="border:1px solid #2e6377;background-color:#868686;text-align:center" border="1px">
	<tr>
		<td weizhi="1-15"></td>
		<td weizhi="2-15"></td>
		<td weizhi="3-15"></td>
		<td weizhi="4-15"></td>
		<td weizhi="5-15"></td>
		<td weizhi="6-15"></td>
		<td weizhi="7-15"></td>
		<td weizhi="8-15"></td>
		<td weizhi="9-15"></td>
		<td weizhi="10-15"></td>
		<td weizhi="11-15"></td>
		<td weizhi="12-15"></td>
		<td weizhi="13-15"></td>
		<td weizhi="14-15"></td>
		<td weizhi="15-15"></td>
	</tr>
	<tr>
		<td weizhi="1-14"></td>
		<td weizhi="2-14"></td>
		<td weizhi="3-14"></td>
		<td weizhi="4-14"></td>
		<td weizhi="5-14"></td>
		<td weizhi="6-14"></td>
		<td weizhi="7-14"></td>
		<td weizhi="8-14"></td>
		<td weizhi="9-14"></td>
		<td weizhi="10-14"></td>
		<td weizhi="11-14"></td>
		<td weizhi="12-14"></td>
		<td weizhi="13-14"></td>
		<td weizhi="14-14"></td>
		<td weizhi="15-14"></td>
	</tr>
	<tr>
		<td weizhi="1-13"></td>
		<td weizhi="2-13"></td>
		<td weizhi="3-13"></td>
		<td weizhi="4-13"></td>
		<td weizhi="5-13"></td>
		<td weizhi="6-13"></td>
		<td weizhi="7-13"></td>
		<td weizhi="8-13"></td>
		<td weizhi="9-13"></td>
		<td weizhi="10-13"></td>
		<td weizhi="11-13"></td>
		<td weizhi="12-13"></td>
		<td weizhi="13-13"></td>
		<td weizhi="14-13"></td>
		<td weizhi="15-13"></td>
	</tr>
	<tr>
		<td weizhi="1-12"></td>
		<td weizhi="2-12"></td>
		<td weizhi="3-12"></td>
		<td weizhi="4-12"></td>
		<td weizhi="5-12"></td>
		<td weizhi="6-12"></td>
		<td weizhi="7-12"></td>
		<td weizhi="8-12"></td>
		<td weizhi="9-12"></td>
		<td weizhi="10-12"></td>
		<td weizhi="11-12"></td>
		<td weizhi="12-12"></td>
		<td weizhi="13-12"></td>
		<td w
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值