「自学哈网」如何使用jQuery插件EasyDrag实现弹出框任意拖动效果
也想出现在这里?
联系我们吧
如何使用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更是好东西,插件扩展机制不是一般的好。
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」如何使用jQuery插件EasyDrag实现弹出框任意拖动效果
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」如何使用jQuery插件EasyDrag实现弹出框任意拖动效果
也想出现在这里?
联系我们吧