基于jquery的一行代码轻松实现拖动效果
更新时间：2010年12月28日 23:28:35 作者：
写JS实现拖动需要一大堆不便维护的代码，实属麻烦，Google了大半天，发现了一个优秀的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更是好东西，插件扩展机制不是一般的好。
Drag.rar打包
复制代码 代码如下:
$(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更是好东西，插件扩展机制不是一般的好。
Drag.rar打包
相关文章
jQuery获取对象，这里获取的都是Jquery对象而不是Dom对象哦，但是他俩是可以转换滴，新手朋友们可以看看2014-10-10
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
在网上找了很多的iframe自适应高度的脚本，对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性，写一个iframe自适应高度的脚本。2010-08-08
这篇文章主要介绍了JQuery特殊效果和链式调用操作,结合实例形式分析总结了jQuery各种常见显示效果与所使用的函数,以及链式调用显示层级菜单功能相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了jQuery中removeClass()方法用法,实例分析了removeClass()方法的功能、定义及从匹配元素删除一个或多个类的使用技巧,需要的朋友可以参考下2015-01-01
详解有关easyUI的拖动操作中droppable，draggable用法例子
本篇文章主要介绍了有关easyUI的拖动操作中droppable，draggable用法例子，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
表格奇数偶数行不同样式,相信很多网友都想试试手吧，由于经验上千所以只能半途而废，为了响应网友的心声，本文整理了一些操作技巧，有图为证，感兴趣的朋友可以了解下哦2013-01-01
jQuery Tab插件 用于在Tab中显示iframe，附源码和详细说明
最近有个需求，需要在Tab中放置iFrame，于是做了一个jQuery的Tab插件。2011-06-06
这篇文章主要为大家详细介绍了jQuery焦点图左右转换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了jQuery左右滚动支持图片放大缩略图图片轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
本文给大家分享的是使用jQuery插件Boxscroll来实现简单的图片轮播特效的代码，非常简单实用，有需要的小伙伴可以参考下。2015-07-07
最新评论