zDragDrop实现拖放

-类似google个性化首页

 

function onLoad() {

var oDraggable = new zDraggable(document.getElementById("div1"), zDraggable.DRAG_X | zDraggable.DRAG_Y);

var oDropTarget = new zDropTarget(document.getElementById("divDropTarget"));

oDraggable.addDropTarget(oDropTarget);

oDraggable.addEventListener("dragstart", function (oEvent) {

rx=oDraggable.getLeft();

ry=oDraggable.getTop();

});

oDraggable.addEventListener("dragend", function (oEvent) {

if(oDraggable.getDropTarget(oDraggable.getLeft(),oDraggable.getTop())===null){

oDraggable.moveTo(rx,ry);

}

});

oDropTarget.addEventListener("drop", function (oEvent) {

oEvent.relatedTarget.moveTo(oDropTarget.getLeft(),oDropTarget.getTop());

});

}