WEB开发网
开发学院网页设计JavaScript Javascript Resize和Drag类,基于jQuery 阅读

Javascript Resize和Drag类,基于jQuery

 2010-09-14 13:41:25 来源:WEB开发网   
核心提示: 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
    }

上一页  1 2 3 4  下一页

Tags:Javascript Resize Drag

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接