Javascript Resize和Drag类,基于jQuery

核心提示： Resize类说明该类使用向量代表方向，西方(x = -1),北方(y = -1),东方(x = 1)和南方(y = 1),，Javascript Resize和Drag类,基于jQuery(2)，没有方向用0表示，这样，如果方向为西南（x = -1，y = 1），就可以用这些值组成的向量

Resize类说明

该类使用向量代表方向，西方(x = -1),北方(y = -1),东方(x = 1)和南方(y = 1),，没有方向用0表示。这样，就可以用这些值组成的向量代表八个方向。而实现时，用一个点oPos表示调整对象的左上角的点，iPos表示调整对象的右下角的点。因此，在调整大小时，如果方向为西南（x = -1，y = 1），则只须调整oPos.x和iPos.y。

下面是Resize类的属性和选项：

Properties And Options

　　　　target　　　　:　null,　　　　//　要Resize的元素
　　　　parentOffset:　{left:0,top:0},　//　最近一个定位的父对象(target.offsetParent)元素在当前视口的相对偏移
　　　　info　:　{　left:0,　top:0,　　　　width:0,　height:0,
　　　　　　　　pageLeft:0,　　//　元素相对于当前视口left的偏移
　　　　　　　　pageTop:0　　　　//　元素相对于当前视口top的偏移
　　　　},
　　　　option　:　{
　　　　　　　　direction:'',　　　//　调整的方向
　　　　　　　　minWidth　:　20,　　//　限制最小宽度
　　　　　　　　minHeight:　20,　　//　限制最小高度
　　　　　　　　boundLeft　　　:　0,//　左边界
　　　　　　　　boundTop　　　　:　0,//　上边界
　　　　　　　　boundRight　　:　9999,//右边界
　　　　　　　　boundBottom　:　9999,//下边界
　　　　　　　　resizing　:　null,　　　　//在调整大小时会调用的回调函数,参数为info
　　　　　　　　complete　:　null　　　　　//在调整大小时结束时调用的回调函数,参数为info
　　　　}