jquery.dragndrop 是基于 jQuery 1.2.* 開發(fā)的一款 jQuery 插件，為用戶實(shí)現(xiàn) html dom 拖拽提供了更為便捷的方法。

Demo 效果如下：

源碼可到此下載：jquery.dragndrop.js

API簡介：

zIndex(Int): 拖拽發(fā)生時拖拽對象的 z-index 值, 主要是為了防止被遮擋, 默認(rèn)值為20,
opacity(Float): 拖拽發(fā)生時拖拽對象的透明度, 最大為 1 最小為 0, 默認(rèn)值為 0.7,
handler(String|Object): 拖拽柄, 比如一般的窗口, 標(biāo)題部分就為拖拽柄, 當(dāng)點(diǎn)擊拖拽柄使會拖拽整個拖拽對象, 默認(rèn)值為 null, 必須指定, 可為jQuery篩選器對象，如 '.drag' 或 '#drag' , 也可以為jQuery對象，如 $('.drag'),
onMove(Function): 拖拽發(fā)生時的觸發(fā)事件, 默認(rèn)值為 function(e) { }, 參數(shù)e為拖拽對象參數(shù), 如可使用e.pageX, e.pageY來獲取當(dāng)前對象位置, 使用cookie存儲, 同樣也可通過 e.data.dragData獲取拖拽對象其他參數(shù), 具體內(nèi)容可查看源碼,
onDrop(Function): 拖拽結(jié)束時觸發(fā)的事件, 默認(rèn)值為 function(e) { },參數(shù)說明同上.

如有不明白的地方可以直接查看源碼中的示例.

在線演示：live demo

it知識庫：jQuery插件之Drag and Drop，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。