JavaScript Google IG Drag Demo
效果演示地址：http://www.phzzy.org/code/drag/google_drag.html
拖拽原理：
关于拖拽的基础，可以参考这篇文章，讲得非常不错。
http://www.sohotx.com/mzk/index.php/1007/ArticleContent/298.html
其实原理很简单，就是把绑定三个事件：onmousedown , onmousemove , onmouseup。
在鼠标点下时(onmousedown)把元素的坐标设置为鼠标的坐标，并把 position 设置为绝对坐标。
在鼠标移动时(onmousemove)改变元素坐标。
在鼠标弹起时(onmouseup)取消绑定的事件，并做后续操作。
下面是关于仿 google 个性化主页拖拽效果的一个 Demo (需包含 prototype)。
总共有四个文件：
1. google_drag.html
2. prototype.js
3. 通用拖拽函数 drag.js
4. 仿 google 个性化主页的拖拽 google_drag.js
google_drag.html 中最后几行中有个初始化拖拽函数
window.onload = function(){initDrag();}
必须写成这样，如果直接写成
window.onload = initDrag();
这样会在 IE 下报个错误：尚未实现
其他代码可以直接查看源码，就几行注释。其实就是用 JavaScript 绘制了 15 个 div，然后设置它们 class 都为
drag_div (后面是通过 className 来判断元素是否可拖拽)，然后把可拖拽的部分的 ID 设置元素的 ID 后加个 _h
(也可设置自己为拖拽部分)
drag.js 是一个比较通用的拖拽函数。里面包含四个最简单的函数：start_Drag, when_Drag, end_Drag, after_Drag。这四个函数只是实现最基本的拖拽功能，要实现其他功能可修改或在后面覆盖掉这些函数。
google_drag.js 是仿 google 个性化主页拖拽效果的函数。它覆盖了上面说的那个四个函数，实现比较高级的效果。
拖拽其实应该还是比较简单的，实现完拖拽后就是要用 Ajax 来传递拖拽后的位置，改变服务器端的值，这样下次用户访问时元素才会位置不变。效果的实现是非常简单的，主要是怎么融合到已有的项目中，从而提高用户体验。
这个 Demo 有一部分参考的网上的代码。
在网上还有很多这种例子，不过感觉效率都没这个高。有一些例子是把所有元素的位置都设置为 absolute，然后直接修改各个元素的 top 和
left来显示效果，感觉那个不是很通用，那样的话比如我要把这个效果修改为一个数的拖拽，并且记录各个元素之间的位置，比较麻烦。这个例子中要记录元素
的位置，只需在拖拽完成后记录被拖拽元素的 id 以及拖拽到了哪个元素的前面然后传给�
相关文档：
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大 ......
from: http://sailinglee.javaeye.com/blog/423701
为了达到某种特殊的效果我们须要用Javascript动态的去修改某一个标签的Css属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：
Javascript代码代码
<script type="text/javascript"> &nbs ......
这几天，因为一个项目中的bug而头痛。
这是一个条码扫描程序，为了保证扫描工作的连续性，在页面中利用
Javascript自动捕获keydown事件，因为条码扫描枪在完成一次扫描任务后会触发回车键，所以，在keydown事件中判断是否
keyCode==13，然后触发页面中一个隐藏的按钮，提交此数据保存至服务器。
程序中，为条码输入文 ......
对于初学者，也行大家会认为Java包含JavaScript，然而这种从字面意思的理解是错误的，下面小编浅谈一下JavaScript与java的区别。
1. 基于对象和面向对象
Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。
JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。 ......
