![点击分享此内容 分享](/master/images/share_but.png)
html里写一个拼图游戏.doc
- 1.请仔细阅读文档,确保文档完整性,对于不预览、不比对内容而直接下载带来的问题本站不予受理。
- 2.下载的文档,不会出现我们的网址水印。
- 3、该文档所得收入(下载+内容+预览)归上传者、原创作者;如果您是本文档原作者,请点此认领!既往收益都归您。
最后一页预览完了!喜欢就下载吧,查找使用更方便
10 文币 0人已下载
下载 | 加入VIP,免费下载 |
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html里写一个拼图游戏.doc
- 资源描述:
-
一、先看代码:拼图游戏index=new Array(1,1,1,1,1,1,1,1,0);for(i=1;i二、最终效果:三、分析(第 9 张是空白图,psb.jpg 是完整图,前面都是切割出来的碎片图)1,先在里规划好图片的位置和大小,三行三列,并给每个图片添加一个事件监听。2,在下面写 javascript 脚本,实现监听方法index=new Array(1,1,1,1,1,1,1,1,0);用来判断的, 1 表示一般图片, 0 表示空白图片.用 for 循环给 src 赋值算法: move()里传入要移动的图片下标(下标从 0 开始),以及移动到左右上下位置的步数.判断左右上下移动的条件:以左为例,只有当左边的图片是空白图时才可移动, 而空白图的 index 是 0, 所以判断如果 要移动的图片下标减去向左移动的步数 (即等于左边图的 index)为 0, 则表示此处是一张空白图, 可以移动, 判断完后就开始交换两张图的 src 和 index. 以此类推.
![提示](https://www.docduoduo.com/images/bang_tan.gif)