jquery插件:拖动任意层
2015-04-10 13:05
246 查看
已知百度能搜索到一个叫anydrag的jquery插件,但是有缺点,不兼容最新版的jquery
于是改编了一个
于是改编了一个
js
[code]/* *编写: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”});相关文章推荐
- Jquery拖动插件,可以任意拖动任意东西
- Jquery拖动插件,可以任意拖动任意东西
- jquery插件:任意位置浮动固定层
- 写了一个jquery.imagesview插件,支持图片拖动、缩放类似ACDSEE效果
- 基于jquery的拖动布局插件
- JQuery插件让图片旋转任意角度且代码极其简单
- JQuery插件第三十二个:拖动某个元素并通过提示框告知该元素框位置
- jquery插件:任意位置浮动固定层(09-11-05更新插件)
- JQuery插件让图片旋转任意角度且代码极其简单
- jquery插件-任意位置浮动固定层
- 让页面中的DIV可以拖动-jQuery插件EasyDrag插件使用简介
- jquery 插件 任意位置浮动固定层
- 拥有高自定义的jQuery拖动插件
- jquery插件 - EasyDrag 简单拖动栏
- 也写Jquery插件,拖动布局
- jQuery模仿win拖动插件
- jquery easy widgets plugin 插件(拖动布局)
- jQuery最Cool的拖动插件-- jsPlumb
- JQuery插件第二十七个:改编自黑耀石.C的拖动特效
- jQuery插件EasyDrag轻松实现JS拖动的效果