首先非常感谢网友涛涛的无私分享,此作品是一款用原生js实现美女拼图游戏特效,也是JquerySchool网站上的第一作品小游戏作品,实现了拼图游戏的基本功能,主要用到了js的数组和拖拽功能,把一张图片截成初始化的行与列打散随机存在一个图片数组里面,最后把拖拽后的打乱后的数组与初始化数组对比,如果相同就说明你把图片拼好,
初始化代码如下:
function Game(row,col){
this.con=document.getElementById('container');
this.item=[];
this.conwidth=600;
this.conheight=600;
this.row=row||3;
this.col=col||3;
this.minwidth=this.conwidth/this.col;
this.minheight=this.conheight/this.row;
this.num=this.row*this.col;
this.arr=[];//初始化数组;
this.newarr=[];//随机图片数组;
this.pos=[];//存放位置的
this.init();
this.len=this.arr.length;
this.minIndex=10;
};
效果如下 :
如果您觉得本作品对您的学习有所帮助:
关键字:
网友涛涛 拖拽 美女拼图游戏 Jquery相册 QQ相册