javascript；拼图游戏（可自选图片和设置行列数）
思路：浏览图片，读取其宽度ImageW，高度值ImageH。读取用户输入的分成几行Row几列Col。
每个方块：boxW=ImageW/Col；boxH=ImageH/Row；
在1到Row*Col中随机，第i个图片的位置设为pos【i】。然后动态创建div生成Row*Col个，其位置根据pos【i】算，其背景图片根据i算，这中间每个div是显示部分图片，所以用到backgroundPosition，其值也的根据i算。
div生成好后，就是根据键盘上下键移动方块啦。
主要依据空格方块的位置，在根据event.keyCode的值，判断是上下左右中哪一个。判断完后，再判断在当前方向键下，空格能否移动，不行，则啥都不做。若能移动，则根据div.style的top和left属性，移动空格块以及它要移动到的那个方块。并保存空格块的属性和位置，以及那个方块的属性和位置。
当i=pos【i】时，即每个方块都放在对应位置上，提示信息-----congratulations！
下面贴上部分代码：
<input type="file" id="file" style="display:none" \>
<input type="button" value="选择图片" onclick="ok()" \><br />
你想把图片分成几行及列呢:<br />行数:<input type="text" id="row" \ /><br />
列数:<input type="text" id="col" \ /><br />
<input type="button" value="Go" onclick="Run()" \><br />
其中，Run实现入口开始放置div，OK（）实现读取图片，存取相关属性。当然还有验证等。
/获取设置的行数和列数,并开始游戏
function Run() {
Row = parseInt(row.value.toString());
Col = parseInt(col.value.toString());
boxH = ImgHeight / Row;
boxW = ImgWidth / Col;
blank_pos = Row * Col;
//generateL(Col * Row);
start();
}
function start() {
initPic();//alert(nam.length);
document.onkeydown = keyDown;//鼠标上下左右玩游戏的控制
}
//产生Row*Col-1个图片的随机位置
function initPic() {
&n
相关文档：
javascript调用父窗口的函数和变量
发布日期：2008-05-28最近更新：2008-05-28来源：BHCODE作者：
web开发的时候，有时候需要使用其他页面上写好的javasript函数、变量。如弹出窗口需要使用父窗口中的函数，框架1需要使用框架2中的函数。
调用函数、变量的方法一样，都是需要首先获得你需要调用的函数所在的window对象 ......
在js中，每个对象都有一个prototype属性：返回对象类型原型的引用。很拗口！习语“依葫芦画瓢”，这里的葫芦就是原型，那么“瓢.prototype” 返回的就是葫芦，或者“瓢.prototype= new 葫芦()”。
prototype的用途：
继承
有一个对象－－子类：
function 子类() {
this.lastname = ......
JS自带函数
concat
将两个或多个字符的文本组合起来，返回一个新的字符串。
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。
var index1 = a.indexOf("l");
//index1 = 2 ......
一、类型转换的方法和应该注意的问题：
1，转换为布尔型：
（1）用两次非运算(!):
!!5 ==> true
（2）用布尔型的构造函数：
new Boolean(5) == > true
值转换为布尔类型为false：
0，+0，-0，NaN，""(空字符串),undefined,null
除上面的值其他值在转换以后为true，需要特别提到的是:
"0",new Object(),funct ......
这三个语言分别是三个公司开发的，SUN的Java，Netscape的JavaScript，Microsoft的JScript
JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言，不需要Java编译器，而是直接运行在Web浏览器中，它的前身是Live Script。
JScript是一种类似JavaScript的语言� ......
