zDragDrop实现拖放
2009-06-10 18:58
387 查看
-类似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());
});
}
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());
});
}
相关文章推荐
- ASP.NET AJAX (Atlas) 拖放(Drag & Drop)功能6种实现方法总结
- 用 QT实现拖放(drag-drop)功能
- ASP.NET Atlas实现网站模块(版块)拖放(Drag & Drop)效果
- TreeView节点拖放/DragDrop的实现实例(C#)
- HTML5+CSS3实现拖放(Drag and Drop)示例
- HTML5实现元素的原生拖放(drag&drop)【涉及Event对象】
- WPF 实现拖放的简单实例(Drag & Drop)
- 使用ASP.NET Atlas实现拖放(Drag & Drop)效果(下)
- [转]ASP.NET AJAX (Atlas) 拖放(Drag & Drop)功能6种实现方法总结
- Internet Explorer 编程简述(十一)实现完美的Inplace Drag & Drop——“超级拖放”
- 使用ASP.NET Atlas实现拖放(Drag & Drop)效果(上)
- 如何在ASP.NET中实现拖放Drag and drop
- Android开发之Drag&Drop框架实现拖放手势
- Android开发之Drag&Drop框架实现拖放手势
- 《JavaScript 实战》:实现拖放(Drag & Drop)效果
- 【原创】教你快速实现TreeView节点拖放(Drag&Drop)
- 使用ASP.NET Atlas实现拖放(Drag & Drop)效果
- Internet Explorer 编程简述(十一)实现完美的Inplace Drag & Drop——“超级拖放”
- ASP.NET Atlas实现网站模块(版块)拖放(Drag & Drop)效果
- flex 图片拖放的实现(drag and drop)