本文主要分享了js实现九宫格拼图小游戏的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧

效果如下： 代码如下： 九宫格拼图 *{ padding: 0; margin: 0; border: 0; } /* *是通配符，给所有的元素去掉默认样式，因为有的浏览器会默认加上一些样式，这可能会给布局带来问题 */ body{ width: 100%; height: 100%; } /* 给body设置100%的高度和宽度，这样就会根据浏览器屏幕大小自动适配 */ #c

九宫格拼图小游戏是小时候比较常见的小游戏之一。闲着无聊就用js简单写了一个。 游戏的玩法很简单。九宫格中有八个小图片。随机打乱之后，将八张小图片拼接成一个完整的图。 html代码 body{ border: 0; } .out{ width: 606px; height: 606px; margin: 0 auto; border: 1px solid black; } .in{ width: