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

Demo 效果如下：

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

API簡(jiǎn)介：

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

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

在線(xiàn)演示：live demo

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

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