如何使用jQuery插件EasyDrag实现弹出框任意拖动效果
使用Jquery插件EasyDrag，只需要一行代码就可轻松实现拖动效果.
- $(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还可以指定可拖动的区域，比如只能通过标题拖动整个div，我们JS可以这样写
- $(document).ready ( function()
- {
- $(“#divPanel”).easydrag();
- $(“#divPanel”).setHandler(“divTitle”);
- }
- );
一个setHandler搞定,不错开源是个好东西，Jquery更是好东西，插件扩展机制不是一般的好。
文章来源网络，作者：运维，如若转载，请注明出处：https://shuyeidc.com/wp/115119.html<
