console
$(function(){
layer.ready(function(){
layer.msg('你好~⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄', {
time: 1
});
});
});
<table id='Quoridor' ellpadding="0" cellspacing="0">
<tr>
<td class="chessboard" id="td1">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
<tr>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
<td class="void">
</td>
<td class="space2">
</td>
</tr>
<tr>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
<td class="space1">
</td>
<td class="chessboard">
</td>
</tr>
</table>
<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/layer/3.0.1/layer.js"></script>
#Quoridor {
border: 1px solid #CCCCCC;
}
td.chessboard{
border: 2px solid;
height: 40px;
width: 40px;
}
td.space1{
border: 1px solid #CCCCCC;
width: 10px;
}
td.space2{
border: 1px solid #CCCCCC;
height: 10px;
}
td.void{
border: 1px solid #CCCCCC;
}