分析准备:
首先,需要准备棋盘和棋子的jpg图片。
1. 棋盘
建立一个15*15的table表格 ,然后给棋盘加背景。即棋盘。
2.点击格子
点击格子后,先判断是否有棋子,即背景,否则修改背景。
注意:为达到效果,可以让棋盘和背景实现错位效果。具体参见代码。
技术准备:
DOM 事件;Js操作DOM及CSS; For循环;if/else;
Td对象加一个属性,标签是否有棋子。