Jquery一行代码轻松实现拖动效果
来源:互联网 发布:淘宝买的邮票能用吗 编辑:程序博客网 时间:2024/06/05 10:41
写JS实现拖动需要一大堆不便维护的代码,实属麻烦,Google了大半天,发现了一个优秀的Jquery插件EasyDrag,只需要一行代码便可轻松在主流浏览器上
实现拖动效果.
$(document).ready( function()
{
$("#divPanel").easydrag();
}
);
{
$("#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更是好东西,插件扩展机制不是一般的好。
{
$("#divPanel").easydrag();
$("#divPanel").setHandler("divTitle");
}
);
- Jquery一行代码轻松实现拖动效果
- JQuery实现拖动删除效果
- JQuery实现DIV拖动效果
- jquery 实现 div 拖动效果
- jquery div拖动效果示例代码
- jquery实现商品拖动选择效果
- 使用jquery实现简单的拖动效果
- JQuery实现DIV拖动效果示例
- jQuery实现Div控件拖动效果
- EasyUI+JQuery轻松实现步骤条效果
- Jquery效果实现代码
- 拖动缓动效果 代码实现
- 利用jquery的attr方法一行代码实现的简单的图片切换效果
- 一行代码实现ViewPager卡片效果
- jQuery拖动效果
- jquery拖动效果
- jquery div拖动效果
- jquery 鼠标拖动效果
- 如何将导入的java项目转换为dynamic web project
- 如何获得手机总内存和可用内存
- iOS设备使用重力感应
- 移植μcgui
- GBK数据库转换UTF8
- Jquery一行代码轻松实现拖动效果
- Zen-Cart、Magento、 ECshop、oscommerce、freeway 各软件特性分析
- HTML5+webGL 多纹理的拼贴
- 你必须知道的.NET之对接口和抽象类
- Zen-Cart、Magento、 ECshop、oscommerce、freeway 各软件功能比较
- JVM调优总结 -Xms -Xmx -Xmn -Xss
- 集及其实现类、“键-值”对型的集合、枚举器与数据操作
- logback logback.xml常用配置详解
- FastReport FAQ