JavaScript 拖拉缩放效果

核心提示： 【样式设置】首先缩放对象必须是绝对定位，如果有范围限制容器就必须把容器设置成相对定位：this._obj.style.position = "absolute";!this._mxContainer || CurrentStyle(this._mxContainer).

【样式设置】

首先缩放对象必须是绝对定位，如果有范围限制容器就必须把容器设置成相对定位：

this._obj.style.position = "absolute";
!this._mxContainer || CurrentStyle(this._mxContainer).position == "relative" || (this._mxContainer.style.position = "relative");


推荐根据拖拉的方向设置拖拉对象的鼠标样式，其中右下和左上是nw-resize，左下和右上是ne-resize，上和下是n-resize，左和右是e-resiz。

至于拖拉对象的地位就有技巧一点，绝对定位到四个角比较简单，适当设置top，left，right和height到为0就行了，例如右上角是right和top为0。

四个边就难一点，参考这里的居中显示效果，利用定位样式和margin就能做到居中了。

例如右边设置top为50%，margin-top为高度的一半就能在右边上下居中了。

程序说明就到这里了，还有一些结构上的东西以我的能力还是比较难写出来，还是看代码来领会吧。

程序有很多相似的结构，总感觉可以整理得更好，等以后自己的编写水平高点的时候再来看拉。

使用说明

首先实例化一个拖拉缩放对象：

varrs=newResize("dragDiv");

有以下这些可选参数和属性：

Max:　false,//是否设置范围限制(为true时下面mx参数有用)

mxContainer:"",//指定限制在容器内

mxLeft:　0,//左边限制

mxRight:9999,//右边限制

mxTop:　0,//上边限制

mxBottom:9999,//下边限制

Min:　false,//是否最小宽高限制(为true时下面min参数有用)

minWidth:50,//最小宽度

minHeight:50,//最小高度