基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

html拼图游戏，基于jquery的拼图游戏

cellExchange:function(from,to){
var self = this;
//被拖动图片、被交换图片所在行、列
var rowFrom = Math.floor(this.imgRandArr[from]/this.levelArr[this.levelNow][1]);
var colFrom = this.imgRandArr[from]%this.levelArr[this.levelNow][1];
var rowTo = Math.floor(this.imgRandArr[to]/this.levelArr[this.levelNow][1]);
var colTo = this.imgRandArr[to]%this.levelArr[this.levelNow][1];

var temp = this.imgRandArr[from];//被拖动图片下标，临时存储

//被拖动图片变换位置
this.imgCells.eq(from).animate({
'top':rowTo*this.cellHeight 'px',
'left':colTo*this.cellWidth 'px'
},this.moveTime,function(){
$(this).css('z-index','10');
});
//表交换图片变换位置
this.imgCells.eq(to).css('z-index','30').animate({
'top':rowFrom*this.cellHeight 'px',
'left':colFrom*this.cellWidth 'px'
},this.moveTime,function(){
$(this).css('z-index','10');

//两块图片交换存储数据
self.imgRandArr[from] = self.imgRandArr[to];
self.imgRandArr[to] = temp;

//判断是否完成全部移动，可以结束游戏
if(self.checkPass(self.imgOrigArr,self.imgRandArr)){
self.success();
}
});
},