五子棋小游戏实现的基本思路:
以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