思路：浏览图片，读取其宽度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" ......

标准的Web 组成应该包括3 部分：结构、行为和表现。这种思想最早在微软设计的
DHTML模型中初步提出来，但是很不规范，也不成系统。后来，W3C（World Wide Web
Consortium，万维网联盟）组织规范了Web 的构成。根据W3C 制订的标准，Web 标准不
是某一个标准，而是一系列标准的集合。完整的Web 应该由以下3 部分组成：
结构（Structure）
表现（Presentation）
行为（behavior）
这 3 部分对应的实现技术如下。
结构标准语言：主要包括XHTML和XML。
表现标准语言：主要包括CSS。
行为标准语言：主要包括W3C DOM、ECMAScript。
上面各种标准语言大部分由W3C组织制订，但是部分标准也由其他标准组织制订，如
ECMA（European Computer Manufacturers Association，欧洲计算机厂商协会）制订的
ECMAScript。
1.2 审视 JavaScript 语言特性
JavaScript 是一门灵活的脚本语言
JavaScript 是一种轻型的、解释型的程序设计语言。因此，JavaScript 一般被作为嵌入
式脚本使用，这也使其具有强大的灵活性。可以说，灵活性是JavaScript 的灵魂，你可以
把程序写得很简单，简单到只是一行验证脚本；当然也可以写得很复杂，复杂到一个庞大
的技术框架，例如，Google地图就 ......

首先看demo代码：
var student={
name:"leo",
intro:function(){
alert("my name is "+this.name);
}
}
var teacher=function(f){
f();
}
teacher(student.intro); 
在上面的demo，可以看到显式的定义了一个对象student，有一个成员函数intro和一个成员变量。
另外定义了一个函数teacher，接受一个函数作为参数，并调用了这个函数。
试运行，我们将student的成员函数intro作为参数传给teacher函数调用。本来intro会访问student的成员变量name，但是在实际运行中却不像我们想的那样，被teacher调用以后，intro内部使用的this就不是指向student而是指向window对象了。
可以看到，这种情况下，成员函数失去了他本身的对象环境，而暴露在外面作为window对象的成员函数了。
这个例子可以帮助我么理解javascript的运行机制和对象机制。
另外，这种情况的解决方法，我觉得是利用caller或者callee来做，具体如何做，还有待进一步实验。 ......

    在web上编写菜单一直是比较头疼的事情，要是有个类直接套用就好了，最近又要做网站了，烦人，要求做的还是多级菜单，唉，废话少说，遇到问题就要解决啊，看代码：
   function is(e, handler) {  
    if (e.type != 'mouseout' && e.type != 'mouseover') return false;  
   var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;  
    while (reltg && reltg != handler)  
        reltg = reltg.parentNode;  
    return (reltg != handler);  
}
   var menu=function(obj){
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.left="-1000px";
    div.style.top="0px";
    div.flag="menu"
   &n ......

1.Ajax Rain
　　AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。
Ajax/Javascript实例:
 EXT JS Date Picker
 jQuery Feed Menu
 jGrowl
 FastFind Menu – Jquery
 Spiffy Accordion
2.Ajax Daddy
　　Ajax Daddy收集了大量漂亮的Web2.0工具，其中一个使用的功能就是，在你把某个Ajax/Javascript实例应用在自己的网站上之前，你可以在它上面先看看效果演示。
Ajax/Javascript实例:
Flickr Like edit
 MooTools Autocomplete
 SlideShow Viewer
 Prototype window
 Shoutbox
3.Mini Ajax
　　MiniAJAX 是一个新生的网站，收集了少许 DHTML 和 AJAX 脚本, 它的代码片段风格非常实用。
Ajax/Javascript实例:
Prototype Window – Demo
 AJAX Star Rating Bar – Demo
 Heatmap for your website
 An AJAX contact form
 Digg – like spy script
4.Ajaxian
　　一个接近于门户类型的AJAX资源站点，包括Ajax示例收集，博客，论坛和教程等等。
Ajax/Javascript实例: ......

1.Ajax Rain
　　AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。
Ajax/Javascript实例:
 EXT JS Date Picker
 jQuery Feed Menu
 jGrowl
 FastFind Menu – Jquery
 Spiffy Accordion
2.Ajax Daddy
　　Ajax Daddy收集了大量漂亮的Web2.0工具，其中一个使用的功能就是，在你把某个Ajax/Javascript实例应用在自己的网站上之前，你可以在它上面先看看效果演示。
Ajax/Javascript实例:
Flickr Like edit
 MooTools Autocomplete
 SlideShow Viewer
 Prototype window
 Shoutbox
3.Mini Ajax
　　MiniAJAX 是一个新生的网站，收集了少许 DHTML 和 AJAX 脚本, 它的代码片段风格非常实用。
Ajax/Javascript实例:
Prototype Window – Demo
 AJAX Star Rating Bar – Demo
 Heatmap for your website
 An AJAX contact form
 Digg – like spy script
4.Ajaxian
　　一个接近于门户类型的AJAX资源站点，包括Ajax示例收集，博客，论坛和教程等等。
Ajax/Javascript实例: ......

层的开发在实际应用中比较重要，比如漂浮广告等等，我这里简单探讨一下。
1.  控制层的显示或隐藏
两种办法，其实都是控制样式的。
办法一：控制 display 属性
<script language="javascript">
function show(status)
{
          document.getElementById("div1").style.display = status;
}
</script>
<div id="div1" style="left:10px;top:200px;width:250;height:100;z-index:2;">
           这是一层,能看见吗,呵呵.
</div>
<a href=# onClick="show('block');">显示</a>
<a href=# onClick="show('none')">关闭</a>
办法二 控制 visibility 属性
<script language="javascript">
function show(status)
{
          document.getElementById("div1").style.visibility = status;
}
<div id="div1" style="left:10px;top:200px;width:250;height:100;z-index:2;visibility=hideen;">
      ......