54 lines
3.0 KiB
HTML
54 lines
3.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|||
|
|
<link rel="stylesheet" href="battleship.css" />
|
|||
|
|
<title>海战 Battleship</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<h1>海战 Battleship</h1>
|
|||
|
|
<div id="游戏区域">
|
|||
|
|
<div id="我方">
|
|||
|
|
<h2>我方海域 Player Area</h2>
|
|||
|
|
<div id="我方海域" class="棋盘">
|
|||
|
|
<div id="航空母舰" class="战舰 水平放置" draggable="true" title="航空母舰 Carrier">
|
|||
|
|
<div id="航空母舰0" class="甲板" data-location="11"></div>
|
|||
|
|
<div id="航空母舰1" class="甲板" data-location="21"></div>
|
|||
|
|
<div id="航空母舰2" class="甲板" data-location="31"></div>
|
|||
|
|
<div id="航空母舰3" class="甲板" data-location="41"></div>
|
|||
|
|
<div id="航空母舰4" class="甲板" data-location="51"></div>
|
|||
|
|
</div>
|
|||
|
|
<div id="战列舰" class="战舰 水平放置" draggable="true" title="战列舰 Battleship">
|
|||
|
|
<div id="战列舰0" class="甲板" data-location="12"></div>
|
|||
|
|
<div id="战列舰1" class="甲板" data-location="22"></div>
|
|||
|
|
<div id="战列舰2" class="甲板" data-location="32"></div>
|
|||
|
|
<div id="战列舰3" class="甲板" data-location="42"></div>
|
|||
|
|
</div>
|
|||
|
|
<div id="巡洋舰" class="战舰 水平放置" draggable="true" title="巡洋舰 Cruiser">
|
|||
|
|
<div id="巡洋舰0" class="甲板" data-location="13"></div>
|
|||
|
|
<div id="巡洋舰1" class="甲板" data-location="23"></div>
|
|||
|
|
<div id="巡洋舰2" class="甲板" data-location="33"></div>
|
|||
|
|
</div>
|
|||
|
|
<div id="驱逐舰" class="战舰 水平放置 沉没" draggable="true" title="驱逐舰 Destroyer">
|
|||
|
|
<div id="驱逐舰0" class="甲板" data-location="14"></div>
|
|||
|
|
<div id="驱逐舰1" class="甲板" data-location="24"></div>
|
|||
|
|
<div id="驱逐舰2" class="甲板" data-location="34"></div>
|
|||
|
|
</div>
|
|||
|
|
<div id="巡逻艇" class="战舰 水平放置" draggable="true" title="巡逻艇 Patrol Boat">
|
|||
|
|
<div id="巡逻艇0" class="甲板" data-location="15"></div>
|
|||
|
|
<div id="巡逻艇1" class="甲板" data-location="25"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="敌方">
|
|||
|
|
<h2>敌方海域 Enemy Area</h2>
|
|||
|
|
<div id="敌方海域" class="棋盘"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script src="battleship.js" defer></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|