drag & resize元素的jQuery實作

有時項目中會遇到需要拖動元素、拖拽調整元素大小的需求。大部分時候都不想自己寫一遍，因為已經有很多現成的例子了。例如jqueryui提供的drag和resize。但是僅僅是為了這麼小一個功能就引入一個庫，真是有點劃不來，成本效益太低了撒。于是自己實作了一遍，寫了兩個通用函數，需要的時候直接把他們考到項目中就可以啦。代碼很清爽有木有！

　　先說元素拖動，其實就是動态改變元素的left值和top值，當然前提是元素必須是絕對定位或者相對定位的。代碼如下：

　　看一下效果：

　　拖拽調整元素大小稍微複雜點，其實原理與拖動元素也差不多，無非是動态改變的屬性多了些，包括left、top、width、height。代碼有點長就不貼這裡了。先看下效果：

本文轉自呂大豹部落格園部落格，原文連結：http://www.cnblogs.com/lvdabao/p/3847432.html，如需轉載請自行聯系原作者