第一步 切图 这个用background就能实现，就是把一张图，在不同的格，利用背景的位置就行了，
并记录图片的顺序，比如 01，02，03.。。16，也就是把你切好的图作一个标记
第二步：分格，把指定的区域也就是拼图区。分成17分，16格是放图片，有一格是空白。。
第三步：随机把切好的图 显示到相应的位置上
第四步：当点击非空白的格子的时候，判断上下左右是否有空格，如果有，两者替换位置。判断当前的顺序是否跟记录的顺序一样了。如果一相，图拼好了。如果不一样，重复
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：
$('body').append('<div id="a" style="color:blue">div内容</div>')
3、浏览器运行index.html页面，此时div以及它的id属性和颜色属性一起被拼接到html中了。
