jquery.dragndrop 是基于 jQuery 1.2.* 开发的一款 jQuery 插件,为用户实现 html dom 拖拽提供了更为便捷的方法。
Demo 效果如下:
源码可到此下载:jquery.dragndrop.js
API简介:
zIndex(Int): 拖拽发生时拖拽对象的 z-index 值, 主要是为了防止被遮挡, 默认值为20,
opacity(Float): 拖拽发生时拖拽对象的透明度, 最大为 1 最小为 0, 默认值为 0.7,
handler(String|Object): 拖拽柄, 比如一般的窗口, 标题部分就为拖拽柄, 当点击拖拽柄使会拖拽整个拖拽对象, 默认值为 null, 必须指定, 可为jQuery筛选器对象,如 '.drag' 或 '#drag' , 也可以为jQuery对象,如 $('.drag'),
onMove(Function): 拖拽发生时的触发事件, 默认值为 function(e) { }, 参数e为拖拽对象参数, 如可使用e.pageX, e.pageY来获取当前对象位置, 使用cookie存储, 同样也可通过 e.data.dragData获取拖拽对象其他参数, 具体内容可查看源码,
onDrop(Function): 拖拽结束时触发的事件, 默认值为 function(e) { },参数说明同上.
如有不明白的地方可以直接查看源码中的示例.
在线演示:live demo
/**
*
* Licensed
* Under an Attribution, Share Alike License
*
* Copyright 2008-2014 Tjatse [ thisnamemeansnothing[at]gmail.com ]
*
**/
分类:
jQuery
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述