这是一个使用JavaScript实现的中国象棋小游戏，包含了棋盘布局和部分棋子的走法规则，如車、马、相等。玩家可以操作棋子进行游戏。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="wall">
<div class="wintitle"></div>
</div>
<div class="wrap">
<div item="black" class="qizi black" Index="0" rule="车" row="1" line="1">
<div >車</div>
</div>
<div item="black" class="qizi black" Index="1" row="1" line="2" rule="马">
<div >馬</div>
</div>
<div item="black" class="qizi black" Index="2" row="1" line="3" rule="相">
<div >象</div>
</div>
<div item="black" class="qizi black" Index="3" row="1" line="4" rule="士">
<div >仕</div>
</div>
<div item="black" class="qizi black" Index="4" row="1" line="5" rule="帅" live="1">
<div >帥</div>
</div>
<div item="black" class="qizi black" Index="5" row="1" line="6" rule="士">
<div >仕</div>
</div>
<div item="black" class="qizi black" Index="6" row="1" line="7" rule="相">
<div >象</div>
</div>
<div item="black" class="qizi black" Index="7" row="1" line="8" rule="马">
<div>馬</div>
</div>
<div item="black" class="qizi black" Index="8" rule="车" row="1" line="9">
<div >車</div>
</div>
<div item="black" class="qizi black" Index="9" row="3" line="2" rule="炮">
<div >炮</div>
</div>
<div item="black" class="qizi black" Index="10" row="3" line="8" rule="炮">
<div>炮</div>
</div>
<div item="black" class="qizi black" Index="11" row="4" line="1" rule="兵">
<div >卒</div>
</div>
<div item="black" class="qizi black" Index="12" row="4" line="3" rule="兵">
<div>卒</div>
</div>
<div item="black" class="qizi black" Index="13" row="4" line="5" rule="兵">
<div>卒</div>
</div>
<div item="black" class="qizi black" Index="14" row="4" line="7" rule="兵">
<div>卒</div>
</div>
<div item="black" class="qizi black" Index="15" row="4" line="9" rule="兵">
<div>卒</div>
</div>
<div item="red" class="qizi red" Index="16" row="7" line="1" rule="兵">
<div>兵</div>
</div>
<div item="red" class="qizi red" Index="17" row="7" line="3" rule="兵">
<div>兵</div>
</div>
<div item="red" class="qizi red" Index="18" row="7" line="5" rule="兵">
<div>兵</div>
</div>
<div item="red" class="qizi red" Index="19" row="7" line="7" rule="兵">
<div>兵</div>
</div>
<div item="red" class="qizi red" Index="20" row="7" line="9" rule="兵">
<div>兵</div>
</div>
<div item="red" class="qizi red" Index="21" row="8" line="2" rule="炮">
<div>炮</div>
</div>
<div item="red" class="qizi red" Index="22" row="8" line="8" rule="炮">
<div>炮</div>
</div>
<div item="red" class="qizi red" Index="23" rule="车" row="10" line="1">
<div>車</div>
</div>
<div item="red" class="qizi red" Index="24" row="10" line="2" rule="马">
<div>馬</div>
</div>
<div item="red" class="qizi red" Index="25" row="10" line="3" rule="相">
<div>相</div>
</div>
<div item="red" class="qizi red" Index="26" row="10" line="4" rule="士">
<div>士</div>
</div>
<div item="red" class="qizi red" Index="27" row="10" line="5" rule="帅" live="2">
<div>將</div>
</div>
<div item="red" class="qizi red" Index="28" row="10" line="6" rule="士">
<div>士</div>
</div>
<div item="red" class="qizi red" Index="29" row="10" line="7" rule="相">
<div>相</div>
</div>
<div item="red" class="qizi red" Index="30" row="10" line="8" rule="马">
<div>馬</div>
</div>
<div item="red" class="qizi red" Index="31" rule="车" row="10" line="9">
<div>車</div>
</div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi"></div>
<div class="weizhi">
js自制小游戏 象棋
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
