首页 教程 API文档

大小调整插件

2015-09-11 14:07:39

属性


使用频率
所属模块 Std.plugin.modules
成员类型 静态插件模块

描述


resize插件可以使一个DOM元素或者一个widget拥有可以被鼠标调整大小的功能.

我们建议你在需要装入这个插件的DOM元素或者widget上增加position为absolute或者fixed的css属性.

参数选项


名称 类型 默认值 描述
top Boolean true 是否允许从顶部调整大小
right Boolean true 是否允许从右侧调整大小
bottom Boolean true 是否允许从底部调整大小
left Boolean true 是否允许从左侧调整大小
opacity Number 0.35 调整大小时候伪模型的不透明度
resizable Boolean true 默认是否允许调整大小
className String Empty String 调整大小时候的伪模型class名称
minWidth Number 10 最小宽度限制
minHeight Number 10 最小高度限制
border String 1px dotted #24415D 调整大小时候伪模型的border
background String rgb(90,176,249) 调整大小时候伪模型的背景色

事件


名称 回调参数 描述
start 调整大小开始了
stop
名称 类型 描述
width Number 经过调整之后的宽度
height Number 经过调整之后的高度
left Number 经过调整之后的left值
top Number 经过调整之后的top值
调整大小结束了

相关例子



//创建一个DOM元素,追加到body中
var element = new Std.dom("div[style='background:red;width:128px;height:128px;position:absolute']","body");

//装入resize插件
element.plugin("resize",{});