欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery的一行代碼輕松實(shí)現(xiàn)拖動(dòng)效果

 更新時(shí)間：2010年12月28日 23:28:35   作者：  
寫(xiě)JS實(shí)現(xiàn)拖動(dòng)需要一大堆不便維護(hù)的代碼，實(shí)屬麻煩，Google了大半天，發(fā)現(xiàn)了一個(gè)優(yōu)秀的Jquery插件EasyDrag，只需要一行代碼便可輕松在主流瀏覽器上。
實(shí)現(xiàn)拖動(dòng)效果.
復(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還可以指定可拖動(dòng)的區(qū)域，比如只能通過(guò)標(biāo)題拖動(dòng)整個(gè)div，我們JS可以這樣寫(xiě)
復(fù)制代碼 代碼如下:

$(document).ready ( function()
{
$("#divPanel").easydrag();

$("#divPanel").setHandler("divTitle");
}
);

一個(gè)setHandler搞定,不錯(cuò)開(kāi)源是個(gè)好東西，Jquery更是好東西，插件擴(kuò)展機(jī)制不是一般的好。
Drag.rar打包

相關(guān)文章

最新評(píng)論