您的位置:首页 > Web前端 > JavaScript

JS写怀旧小游戏系列(九)中国象棋

2013-04-27 09:56 453 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中国象棋</title>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/base.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/moveGenerator.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/evaluation.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/searchEngine.js"></script>
<script type="text/javascript" src="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/UI.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.chhblog.com/upload/1/files/games/chinesechess-1.0-beta/style.css" />
</head>
<body>

<div class='board' id='board'>
<!-- <table cellspacing='0' cellpadding='0' border='0'>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>-->
</div>
<div class="op">
级别:
<select id="level">
<option value="1">1级</option>
<option value="2">2级</option>
<option value="3">3级</option>
<option value="4">4级</option>
</select>

开局:
<input type="radio" name="start" value="1" id="start_1" checked="">
<label for="start_1">人</label>
<input type="radio" name="start" value="0" id="start_2">
<label for="start_2">机器</label>

<input type="button" class="ipt" value="开始下棋" id="btn"/>
<p>注意:3、4两个级别请用IE9以上版本、google chrome、firefox等浏览器进行游戏 </p>
</div>

<script>

var cc = new ChineseChessUI( 'board' );

function start() {
var levelEls = document.getElementById( 'level' );
var startEls = document.getElementsByName( 'start' );
var level;
var start;
for (var i = 0; i < 2; i++) {
if( startEls[ i ].checked ) start = startEls[ i ].value;
};

level = levelEls.value;
cc.start( level, start );
}

document.getElementById( 'btn' ).onclick = start;

</script>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息