原生javript翻牌小游戏(原创)

更新时间：2019-09-23 22:30:05

使用方法

1.加载核心 css 和 js 文件

<link href="css/layout.css" type="text/css" rel="stylesheet" />
<link href="css/findpair.css" type="text/css" rel="stylesheet" />
<script src="js/findpair.js" type="text/javascript"></script>
<!--弹层插件-->
<link href="css/xtiper.css" type="text/css" rel="stylesheet" />
<script src="js/xtiper.js" type="text/javascript"></script>

说明：xtiper.js 是另一个我自己写的弹窗弹层插件，目前还在测试修bug中，稳定之后也会另外上传

2.初始化一个实例

<div id="fbox"></div>
<div id="output"></div>

这一步完成后已经可以运行一个基本的游戏了。

3.进行进一步优化，可修改游戏难度

<select id="hard"  onchange="changehard()">
 <option value="0">--选择难度--</option>
 <option value="debug">debug 模式</option>
 <option value="1">难度1: 4x4</option>
 <option value="2">难度2: 6x6</option>
 <option value="3">难度3: 8x8</option>
 <option value="4">难度4: 10x10</option>
</select>
<div><button onclick="changehard()">新游戏</button></div>

PREVIOUS:
NEXT:
js网格加载瀑布流和悬停效果
jQuery渐变进度条插件