代码地址如下：http://www.demodashi.com/demo/14449.html
项目描述使用 html+js+css 实现一个网页拼图游戏，可支持简单，中等，困难三种难度。
演示效果
在浏览器直接打开网页即可运行，有三种难度可以选择， 完成拼图会显示所用的时间和步数。
项目结构Puzzle├── chilian.jpg├── fifteen.css├── fifteen.html└── fifteen.js文件夹中只有四个文件，拼图所用的原图以及3个代码文件。
项目实现1. 显示拼图拼图的大小是4x4，总共16格，其中有一格是空的，用于移动。html的主体代码如下，拼图区域只需要使用一个div，后续再在js里使用循环构建16个小方块
拼图游戏
时间: 00:00 步数: 0 简单模式中等模式困难模式 重新开始使用js创建小方块后再插入到fifteen的div中，先将16个存在DocumentFragment中, 最后再一次性添加到html中，页面只需渲染一次, 提高性能
// 创建 4x4 的拼图function createPuzzle() { // 先将16个小div存在DocumentFragment, 页面只需渲染一次, 提高性能 var frag = document.createDocumentFragment(); for (var i = 1; i