样式如下:
![html 小游戏 五子棋_第1张图片](http://img.e-com-net.com/image/info8/33e46f78bb0e41f2b3460223b891c6a9.jpg)
html代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>五子棋title>
<script type="text/javascript" src="http://hovertree.com/texiao/game/4/hovertreejs/CookieHandle.js">script>
<script src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js">script>
<link href="http://hovertree.com/texiao/game/4/hovertreejs/jquery.hvtchess5.css" rel="stylesheet" type="text/css"/>
<script src="http://hovertree.com/texiao/game/4/hovertreejs/jquery.hvtchess5.js">script>
head>
<body>
<div class="wrapper">
<div class="chessboard">
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top">div>
<div class="chess-top chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-left">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-middle">div>
<div class="chess-right">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom">div>
<div class="chess-bottom chess-right">div>
div>
<div class="operating-panel">
<p>
<a id="black_btn" class="btn selected" href="#">黑 子a>
<a id="white_btn" class="btn" href="#">白 子a>
p>
<p>
<a id="first_move_btn" class="btn selected" href="#">先 手a>
<a id="second_move_btn" class="btn" href="#">后 手a>
p>
<a id="replay_btn" class="btn" href="#">开 始a>
<p id="result_info">胜率:100%p>
<p id="result_tips">p>
div>
<div