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

Demo 效果如下：

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

API簡介：

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

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

在線演示：live demo

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

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