jQuery Plugins jqDnR
(function($){
$.fn.jqDrag=function(h){return i(this,h,'d');};
$.fn.jqResize=function(h){return i(this,h,'r');};
$.jqDnR={dnr:{},e:0,
drag:function(v){
if(M.k == 'd')E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY});
else E.css({width:Math.max(v.pageX-M.pX+M.W,0),height:Math.max(v.pageY-M.pY+M.H,0)});
return false;},
stop:function(){E.css('opacity',M.o);$(document).unbind('mousemove',J.drag).unbind('mouseup',J.stop);}
};
var J=$.jqDnR,M=J.dnr,E=J.e,
i=function(e,h,k){return e.each(function(){h=(h)?$(h,e):e;
h.bind('mousedown',{e:e,k:k},function(v){var d=v.data,p={};E=d.e;
// attempt utilization of dimensions plugin to fix IE issues
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}}
M={X:p.left||f('left')||0,Y:p.top||f('top')||0,W:f('width')||E[0].scrollWidth||0,H:f('height')||E[0].scrollHeight||0,pX:v.pageX,pY:v.pageY,k:d.k,o:E.css('opacity')};
E.css({opacity:0.8});$(document).mousemove($.jqDnR.drag).mouseup($.jqDnR.stop);
return false;
});
});},
f=function(k){return parseInt(E.css(k))||false;};
})(jQuery);
分享到:
相关推荐
可拖动div边框改变大小的方法,jquery拖拽改变div大小效果,。。。。。。。。。。。。。。。。。。。。。。。。。
使用附加属性将各种控件拖动改变大小功能整合到一起,提高复用性和移植性,界面和逻辑分离,支持自定义拖动样式。原文链接:https://blog.csdn.net/u013113678/article/details/121719278
基于delphi7环境下开发并测试通过,实现控件任意拖动摆放和调整大小
选中复选框(可移动、可调整大小)后,打开的DIV具有移动/调整大小的功能(此时移动/调整大小快捷键可使用); 反之,不可移动/调整大小(此时移动/调整大小快捷键无效) 单选框默认居中打开选中,无论有无保存DIV位置和...
基于 vue2.0 ,可自由拖拽、自由调整大小、收缩展开的 panel 组件
Div拖动/调整大小实例 教你迅速的掌握如何写js 可以用鼠标控制div大小和位置 Div拖动/调整大小实例 教你迅速的掌握如何写js 可以用鼠标控制div大小和位置
delphi无标题窗体(borderstyle=bsnone)默认没有边框,也无法拖拽必变窗体大小,本资源为无标题窗体加边框并可拖拽调整大小
c# gdi 矩形,鼠标操作调整矩形的大小、拖拽移动、 鼠标拖动任意角度旋转功能 如果谁想学习,可以参考下!如下图所示,O是拖动的旋转点。
采用html5+css3+jqurey实现类似word操作图片,拖动修改图片大小,拖动旋转,拖动改变位置。
delphi无标题窗体(borderstyle=bsnone)默认没有边框,无法移动,也无法拖拽必变窗体大小,本资源为无标题窗体加边框并可拖拽调整大小以及移动窗体位置。
jQuery表格可拖动调整列宽度大小
react-dnr - 采用React.js构建的可拖动和可调整大小的窗口
HTML中可拖动来改变框架大小,此范例来源于一个路由,值得学习和借签
C#无标题栏拖动、C#无标题栏窗口调整大小、C#拖动标题栏、C#调整窗口大小、
winform无边框在panel上拖动窗口位置,改变窗口大小 如果不能使用随时联系我
实在没分了,想初步了解DotNetBar2和移动调整控件的可以看下,程序也下了工夫了,就是没大整理,有问题的可以直接联系我,里面还有个副文本控件,支持HTML的,还有功能会累计加上,
Vue 用于可调整大小和可拖动元素的组件并支持冲突检测与吸附对齐
Vue拖动调整大小 Vue可拖动和可调整大小元素的组件。 目录 演示版 产品特点 轻巧,无依赖 所有道具都是React性的 支持触摸事件 使用可拖动,可调整大小或同时使用 定义棒以调整大小 为可调整大小的组件保存长宽比 ...
wpf中任意控件可以拖动和改变大小
jQuery.Gantt甘特图最小刻度精确到了小时,并带拖拽和调整大小功能