幻影围棋1.0版
- 实现了棋盘,点击下棋,切换先后手
html部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="wrap">
<div class="checkerboard" id="checkerboard">
<div class="horizontal"></div>
<div class="row-frame">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line-last"></div>
</div>
<div class="horizontal"></div>
<div class="row-frame">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line-last"></div>
</div>
<div class="horizontal"></div>
<div class="row-frame">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line-last"></div>
</div>
<div class="horizontal"></div>
<div class="row-frame">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line">

该博客介绍了如何使用HTML、CSS和JavaScript技术来实现一个简单的幻影围棋游戏的1.0版本。内容包括棋盘的布局,点击下棋的功能以及切换玩家的逻辑。作者提到了CSS部分采用了Less预处理器进行样式设计,并表示代码简洁明了。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



