html 小游戏 五子棋

样式如下:
html 小游戏 五子棋_第1张图片
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 style="display: none">
        
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/black.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/white.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_up.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_down.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_up_left.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_up_right.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_left.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_right.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_down_left.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/hover_down_right.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/black_last.png" alt="preload"/>
        <img src="http://hovertree.com/texiao/game/4/hovertreepic/white_last.png" alt="preload"/>
    div>
div>
body>
html>

你可能感兴趣的:(游戏,html,游戏)