jQuery Drag Resize 是 jQuery 插件之一，它可以輕松地實(shí)現(xiàn)可拖拽和可調(diào)整大小的元素，非常適合網(wǎng)站界面設(shè)計(jì)。

$(function() {
$(".draggable").draggable();
$(".resizable").resizable();
});

以上代碼可以實(shí)現(xiàn)一個(gè)可拖拽和可調(diào)整大小的元素。類名為 "draggable" 的元素可以拖拽，類名為 "resizable" 的元素可以調(diào)整大小。在拖拽或調(diào)整大小過(guò)程中，元素的 CSS 樣式會(huì)發(fā)生變化，可以自定義樣式或添加回調(diào)函數(shù)來(lái)實(shí)現(xiàn)更豐富的效果。

$(function() {
$(".draggable").draggable({
revert: true
});
$(".resizable").resizable({
handles: "n, e, s, w"
});
});

以上代碼為拖拽和調(diào)整大小添加了一些選項(xiàng)。拖拽時(shí)，通過(guò) "revert" 選項(xiàng)可以實(shí)現(xiàn)元素移動(dòng)后回到原位置的效果。調(diào)整大小時(shí)，通過(guò) "handles" 選項(xiàng)指定哪些方向可以進(jìn)行調(diào)整大小，這里為 "north"（北）、"east"（東）、"south"（南）、"west"（西）四個(gè)方向。

jQuery Drag Resize 可以實(shí)現(xiàn)非常靈活的拖拽和調(diào)整大小功能，可以配合其它 jQuery 插件實(shí)現(xiàn)更多的效果。