div模块移动之绝对难题。。什么原理

Question

大家看过51job那里的有几个模块譬如，谁看了我的简历，之类的div模块可以移动的，，或者说谁看过wordpress后台管理，那些模块可以移来移去，效果棒极了，请问怎么实现的呀，，这肯定是javascript，求原理，我想试试

Answer 1

jui有现成的功能~基本原理就是多个事件联动处理，比如：<div id="draggable"></div>
var el = document.getElementById("draggable")
el.onmousedown = function(){this.isdraging = true}
el.onmouseup = function(){this.isdraging = false}
el.onmousemove = function(event){
    if(this.isdraging){
        //这里根据event的属性调整div的位置
    }
}

Answer 2

参考：
http://dev.sencha.com/deploy/ext-4.0.2a/examples/dd/dnd_grid_to_grid.html
http://dev.sencha.com/deploy/ext-4.0.2a/examples/dd/dnd_grid_to_formpanel.html
http://www.sencha.com/products/extjs/examples/

Answer 3

参考
http://jqueryui.com/demos/draggable/
http://jqueryui.com/demos/droppable/

Answer 4

假定有
windows对象 代表 一个矩形区域
layout 对象 控制windows对象位置的排放每个windows对象都关联一个layout对象 多windows可以关联同一个
则windows。show 相当于   windows.layout.show(this)就这么简单