纯JS实现五子棋游戏兼容各浏览器(附源码)
196 浏览量
2020-12-08
20:15:49
上传
评论
收藏 96KB PDF 举报
纯纯JS实现五子棋游戏兼容各浏览器实现五子棋游戏兼容各浏览器(附源码附源码)
纯JS五子棋（各浏览器兼容）
效果图：
代码下载
HTML代码
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html;”>
<title>五子棋</title>
<link rel=”stylesheet” type=”text/css” href=”http://sandbox.runjs.cn/uploads/rs/102/r2dy3tyw/reset.css”>
<script type=”text/javascript” src=”http://sandbox.runjs.cn/uploads/rs/102/r2dy3tyw/CookieHandle.js”></script>
<script type=”text/javascript” src=”http://sandbox.runjs.cn/uploads/rs/102/r2dy3tyw/jquery-1.7.2.js”></script>
<style>
.wrapper {
width: 600px;
position: relative;
}
/* 棋盘 */
div.chessboard {
margin: 30px 0 0 50px;
width: 542px;
background: url(http://sandbox.runjs.cn/uploads/rs/102/r2dy3tyw/chessboard.png) no-repeat 14px 14px rgb(250, 250, 250);
overflow: hidden;
box-shadow: 2px 2px 8px #888;
-webkit-box-shadow: 2px 2px 8px #888;
-moz-box-shadow: 2px 2px 8px #888;
}
div.chessboard div {
float: left;
width: 36px;
height: 36px;
border-top: 0px solid #ccc;
border-left: 0px solid #ccc;
剩余16页未读，继续阅读
评论0