基于jquery的一行代碼輕松實現(xiàn)拖動效果
更新時間：2010年12月28日 23:28:35 作者：
寫JS實現(xiàn)拖動需要一大堆不便維護的代碼，實屬麻煩，Google了大半天，發(fā)現(xiàn)了一個優(yōu)秀的Jquery插件EasyDrag，只需要一行代碼便可輕松在主流瀏覽器上。
實現(xiàn)拖動效果.
$(document).ready( function()
{
$("#divPanel").easydrag();
}
);
Html 代碼
<div id="divPanel" style="width:300px;height:300px;background:white;border:1px solid #000000;position:absolute;left:5px;top:50px" >
<div id="divTitle" style="width:100%;height:25px;background:lavender">
Title
</div>
<div style="width:100%">
</div>
</div>
EasyDrag還可以指定可拖動的區(qū)域，比如只能通過標題拖動整個div，我們JS可以這樣寫
$(document).ready ( function()
{
$("#divPanel").easydrag();
$("#divPanel").setHandler("divTitle");
}
);
一個setHandler搞定,不錯開源是個好東西，Jquery更是好東西，插件擴展機制不是一般的好。
Drag.rar打包
復(fù)制代碼 代碼如下:
$(document).ready( function()
{
$("#divPanel").easydrag();
}
);
Html 代碼
復(fù)制代碼 代碼如下:
<div id="divPanel" style="width:300px;height:300px;background:white;border:1px solid #000000;position:absolute;left:5px;top:50px" >
<div id="divTitle" style="width:100%;height:25px;background:lavender">
Title
</div>
<div style="width:100%">
</div>
</div>
EasyDrag還可以指定可拖動的區(qū)域，比如只能通過標題拖動整個div，我們JS可以這樣寫
復(fù)制代碼 代碼如下:
$(document).ready ( function()
{
$("#divPanel").easydrag();
$("#divPanel").setHandler("divTitle");
}
);
一個setHandler搞定,不錯開源是個好東西，Jquery更是好東西，插件擴展機制不是一般的好。
Drag.rar打包
相關(guān)文章
jQuery獲取對象，這里獲取的都是Jquery對象而不是Dom對象哦，但是他倆是可以轉(zhuǎn)換滴，新手朋友們可以看看2014-10-10
基于jquery的兼容各種瀏覽器的iframe自適應(yīng)高度的腳本
在網(wǎng)上找了很多的iframe自適應(yīng)高度的腳本，對瀏覽的的兼容性都不好。所以就想利用jquery強大的兼容性，寫一個iframe自適應(yīng)高度的腳本。2010-08-08
這篇文章主要介紹了JQuery特殊效果和鏈式調(diào)用操作,結(jié)合實例形式分析總結(jié)了jQuery各種常見顯示效果與所使用的函數(shù),以及鏈式調(diào)用顯示層級菜單功能相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了jQuery中removeClass()方法用法,實例分析了removeClass()方法的功能、定義及從匹配元素刪除一個或多個類的使用技巧,需要的朋友可以參考下2015-01-01
詳解有關(guān)easyUI的拖動操作中droppable，draggable用法例子
本篇文章主要介紹了有關(guān)easyUI的拖動操作中droppable，draggable用法例子，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
jquery實現(xiàn)表格奇數(shù)偶數(shù)行不同樣式(有圖為證及實現(xiàn)代碼)
表格奇數(shù)偶數(shù)行不同樣式,相信很多網(wǎng)友都想試試手吧，由于經(jīng)驗上千所以只能半途而廢，為了響應(yīng)網(wǎng)友的心聲，本文整理了一些操作技巧，有圖為證，感興趣的朋友可以了解下哦2013-01-01
jQuery Tab插件 用于在Tab中顯示iframe，附源碼和詳細說明
最近有個需求，需要在Tab中放置iFrame，于是做了一個jQuery的Tab插件。2011-06-06
這篇文章主要為大家詳細介紹了jQuery焦點圖左右轉(zhuǎn)換效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jQuery左右滾動支持圖片放大縮略圖圖片輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
jQuery插件boxScroll實現(xiàn)圖片輪播特效
本文給大家分享的是使用jQuery插件Boxscroll來實現(xiàn)簡單的圖片輪播特效的代碼，非常簡單實用，有需要的小伙伴可以參考下。2015-07-07