博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[JS]Drag And Drop
阅读量:6826 次
发布时间:2019-06-26

本文共 979 字,大约阅读时间需要 3 分钟。

hot3.png

API:

 

new Draggable(icon, {				    			// 是否使用镜像:false为拖动源对象,true为拖动拷贝镜像对象     			ghosting: true,     			// 是否绝对定位:false为相对于父容器定位    			absolute: true,    			// 是否还原拖动:true为拖动后释放鼠标会还原回原来位置    			revert: function(){return true;},    			// 还原过程中执行效果    			reverteffect: function(element, top_offset, left_offset) {    				element.setStyle({left:0,top:0});    	    	}    		});

 

 Droppables.add('drop', {containment: "items",
onDrop: function(element) {			alert(element.id);		}	});
 

示例:

 

  	  		
js drag + drop koyoz
水果
气象
桃子
西瓜
葡萄
 
 
所需要的lib: drag-and-drop 1.0:http://www.kuaipan.cn/file/id_14343253738414509.html
lang 1.0: http://www.kuaipan.cn/file/id_14343253738414508.html

转载于:https://my.oschina.net/darkness/blog/510261

你可能感兴趣的文章
C++中引用的本质是什么?
查看>>
redis主从遇到的两个坑
查看>>
leetcode -- Remove Duplicates from Sorted Array
查看>>
Uboot的bad_save_user_regs
查看>>
BOM history对象
查看>>
类型初始值设定项引发异常
查看>>
常用RGB颜色表
查看>>
每日英语:The Biggest Distraction In The Office Is Sitting Next To You
查看>>
Webix JavaScript UI 库可以帮你构建跨平台的HTML5 和 CSS3 程序
查看>>
【技术贴】解决 myeclipse打不开报错an error has occurred, see .
查看>>
C++ Base64 编码 解码
查看>>
数据结构
查看>>
关于免费空间的寻找
查看>>
Android数据的四种存储方式SharedPreferences、SQLite、Content Provider和File (四) —— ContentProvider...
查看>>
Spark源码分析 – Deploy
查看>>
C#反射技术概念作用和要点
查看>>
zookeeper定时清理log
查看>>
2014第5周三
查看>>
VS2010发布网站
查看>>
如何留住有能力、负责任又不提要求的员工?——为他的潜力付钱
查看>>