jquery插件:拖动任意层
来源:互联网 发布:53分钟68分钟知乎截图 编辑:程序博客网 时间:2024/05/16 12:50
已知百度能搜索到一个叫anydrag的jquery插件,但是有缺点,不兼容最新版的jquery
于是改编了一个
js
/**编写:Comvir*作用:拖动任意HTML元素*/; (function ($) { $.fn.anydrag = function (options) { var options = $.extend({ hotregion: ""//热区 }, options);//定义参数 var handle = $(this); var mousedown = false; var offsetX = 0; var offsetY = 0; handle.each(function () { var target = $(this); var height = handle.height(); var width = handle.width(); var id = handle.attr("id"); var hotid = "#" + id + " " + options.hotregion; $(hotid).mousedown(function (e) { mousedown = true; var e = e || window.event; offsetX = e.clientX; offsetY = e.clientY; $(this).css('cursor', 'move'); }); $(document).mouseup(function () { mousedown = false; $(hotid).css('cursor', 'default'); }).mousemove(function (e) { if (!mousedown) return; var left = parseFloat(handle.css("left")); var top = parseFloat(handle.css("top")); var e = e || window.event; var x = left + (e.clientX - offsetX); var y = top + (e.clientY - offsetY); offsetX = e.clientX; offsetY = e.clientY; handle.css({ "left": x + "px", "top": y + "px" }); }); }); return handle; }})(jQuery);
用法
$(id).anydrag({hotregion:”热区id”});
0 0
- jquery插件:拖动任意层
- Jquery拖动插件,可以任意拖动任意东西
- jquery插件:任意位置浮动固定层
- jquery插件任意位置浮动固定层
- [收藏]jquery插件:任意位置浮动固定层
- jquery 拖动图层
- JQUERY实现拖动层
- jquery-拖动层(五)
- Jquery拖动插件
- jQuery 模块拖动,拖动层效果
- JQuery特效,拖动窗口,层
- jquery,div层拖动,排序
- jQuery 实现拖动浮动层
- jquery 可以拖动div层
- 利用Jquery的cropper插件实现拖动层动态头剪切(裁剪头像)图片
- jQuery模仿win拖动插件
- jQuery模仿win拖动插件
- jQuery 表格拖动插件:tableDnD
- 第六周项目三—人数不定的工资类
- OC—字符串
- 正确的使用PeekMessage()
- 【C#、SQL】学习与错误记录(二)
- java代理详细讲解
- jquery插件:拖动任意层
- 数据结构学习笔录--二叉树的遍历
- 项目整个生命周期管理
- hdoj 1559 最大子矩阵 【矩阵压缩 DP】
- 机器学习(machine learning)之AdaBoost算法
- 【Java基础之Object类(二)、线程同步(一)】Java中使用Object类的wait,notify,notifyAll做线程调度
- Shell中if基础语法
- Logback学习笔记1
- 黑马程序员------多线程