基于jquery的一行代码轻松实现拖动效果


Posted in Javascript onDecember 28, 2010

实现拖动效果.

$(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打包
Javascript 相关文章推荐
删除select中所有option选项jquery代码
Aug 12 Javascript
jquery增加和删除元素的方法
Jan 14 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
JS区分浏览器页面是刷新还是关闭
Apr 17 Javascript
详解handlebars+require基本使用方法
Dec 21 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
Mar 23 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
js不常见操作运算符总结
Nov 20 Javascript
JS date对象的减法处理实现代码
Dec 28 #Javascript
javascript中检测变量的类型的代码
Dec 28 #Javascript
javascript中的作用域scope介绍
Dec 28 #Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 #Javascript
按给定几率进行随机抽取的js代码
Dec 28 #Javascript
围观tangram js库
Dec 28 #Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 #Javascript
You might like
PHP中GET变量的使用
2006/10/09 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
JavaScript使用yield模拟多线程的方法
2015/03/19 Javascript
JavaScript通过join函数连接数组里所有元素的方法
2015/03/20 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
2015/11/21 Javascript
当jquery ajax遇上401请求的解决方法
2016/05/19 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
使用python求解二次规划的问题
2020/02/29 Python
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
保证书格式范文
2014/04/28 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
委托证明书
2014/09/17 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
培训通知书模板
2015/04/17 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
民事调解协议书
2016/03/21 职场文书
用python修改excel表某一列内容的操作方法
2021/06/11 Python
利用Python实时获取steam特惠游戏数据
2022/06/25 Python