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);
分享到:
相关推荐
在Delphi7开发环境中,实现控件任意拖动摆放和调整大小是一项常见的需求,尤其对于构建用户界面(UI)时,灵活的控件布局能够极大地提高应用的用户体验。本技术着重探讨如何在Delphi7中实现这一功能。 首先,我们...
可拖动div边框改变大小的方法,jquery拖拽改变div大小效果,。。。。。。。。。。。。。。。。。。。。。。。。。
使用附加属性将各种控件拖动改变大小功能整合到一起,提高复用性和移植性,界面和逻辑分离,支持自定义拖动样式。原文链接:https://blog.csdn.net/u013113678/article/details/121719278
Div拖动/调整大小实例 教你迅速的掌握如何写js 可以用鼠标控制div大小和位置 Div拖动/调整大小实例 教你迅速的掌握如何写js 可以用鼠标控制div大小和位置
选中复选框(可移动、可调整大小)后,打开的DIV具有移动/调整大小的功能(此时移动/调整大小快捷键可使用); 反之,不可移动/调整大小(此时移动/调整大小快捷键无效) 单选框默认居中打开选中,无论有无保存DIV位置和...
综上所述,"delphi 无标题窗体加边框可拖拽调整大小"这一知识点涉及到了如何在无标题的Delphi窗体上实现拖动和调整大小的功能。通过监听鼠标事件和自定义窗体边缘的行为,开发者可以创建出具有类似边框效果的无标题...
在这个实例中,我们将探讨如何使用`DotNetBar2`来实现拖拽调整控件大小的功能。 首先,`DotNetBar2`是 DevComponents公司开发的一个组件集,它包含了许多预设的皮肤、工具栏、菜单、对话框等元素,能够帮助开发者...
本文将详细讲解如何利用C#的GDI+实现矩形的绘制、大小调整、拖动移动以及鼠标操作下的任意角度旋转。 首先,我们需要了解GDI+的基本元素,包括Graphics对象、Pen对象和Brush对象。Graphics对象用于绘制图形,Pen...
本主题聚焦于"Qt/C++ 无边框随便拖动调整大小"的技术实现,这意味着我们将探讨如何在Qt环境中创建一个没有传统边框的窗口,并允许用户自由地拖动和调整窗口大小。 首先,"无边框"窗口通常意味着我们不再使用Qt的...
在构建用户界面时,有时我们需要实现可调整大小和可拖动的元素,例如在设计工具、画布应用或者布局编辑器中。Vue 提供了丰富的生态系统,其中包含了许多用于实现这些功能的第三方组件。本篇文章将详细介绍一个名为 ...
这两个属性都可以接受鼠标事件中的坐标信息,动态计算出新的大小和角度,实现拖动调整。 jQuery库可以简化JavaScript代码,提供更流畅的动画效果和更方便的DOM操作。通过jQuery,我们可以更容易地绑定事件、获取和...
标题提到的 "基于vue20可自由拖拽自由调整大小收缩展开的panel组件" 正是这样一种组件,它提供了丰富的交互功能,如拖动、缩放和折叠,为用户界面带来更高的灵活性和用户体验。 首先,我们来了解下这个组件的基本...
总结起来,jQuery表格可拖动调整列宽度大小是一项涉及DOM操作、事件处理、样式修改和可能的动画效果的技术。通过理解和应用这些知识点,开发者可以创建出更用户友好的网页应用,提升用户的交互体验。在实际项目中,...
我们可以在设计时从控件工具栏拖拽若干个控件放置到窗体上,随意移动和调整控件大小,稍加布置后我们就会得到一个非常满意的 UI。 首先,我们需要了解在 .Net 下如何调整控件的大小和位置。在 .Net 中,只需修改...
在Windows Forms应用开发中,有时候我们可能希望创建一个没有边框的窗口,使得界面看起来更加简洁,但同时又需要保留窗口的基本操作,如拖动和调整大小。标题“winform无边框在panel上拖动窗口位置,改变窗口大小”...
但是,静态的框架大小有时不能满足所有用户的需求,因此引入了动态调整框架大小的功能。 JavaScript是实现这一功能的关键,它提供了强大的DOM(Document Object Model)操作能力,可以获取和修改网页元素的各种属性...
在"react-dnr"项目中,我们看到一个专门针对React.js设计的组件,允许用户创建可拖动和可调整大小的窗口。这样的功能对于创建桌面式的Web应用或者需要高度交互性的网页非常有用。 **React组件化开发** React的核心...
当你将`FormBorderStyle`设置为`None`时,窗体将失去标准的边框,这可能会导致用户无法通过常见的拖动行为来移动窗体或通过鼠标来调整其大小。然而,你可以通过自定义代码来实现这些功能。 首先,让我们深入理解`...
在本文中,我们将深入探讨如何在Qt Qml中创建一个可拖动调整大小的Rectangle示例。Qt是一个跨平台的应用程序开发框架,广泛用于桌面、移动和嵌入式设备。Qml是Qt的一个组成部分,它提供了一种声明式语言来构建用户...
通过这样的自定义实现,无标题窗体就能拥有与标准边框窗体相似的拖拽和调整大小功能,从而提高用户体验。在实际开发中,你还可以考虑添加平滑动画效果,使调整过程更流畅,或者根据需要增加其他自定义功能,比如控制...