$("#win").resizable ( options);
Resizable有16个属性,我们可以自由组合灵活运用来实现我们想要的效果
alsoResize:false, //类型STRING,可以伴随缩放的元素,如要在 $("#win") 缩放的同时,“#win-1”也进行缩放,那就可以传“#win-1”
animate:false, //类型BOOLEAN,缩放是否带动画效果 默认false
delay:null, //类型NUMBER,缩放延迟
animateDuration:"slow", //类型STRING,手标松开时缩放的动画效果
animateEasing:"swing", //类型STRING,手标拖动时的效果
aspectRatio:false, //类型NUMBER,缩放比例 可以这么传参数:16 / 9 默认false
autoHide:false, //类型BOOLEAN,是否隐藏右下角的缩放块,true则隐藏,在缩放的时候显示
containment:false, //类型STRING,限制缩放的范围,如传:“#win-area”,则只能在id为‘win-area’元素里缩放 默认false
ghost:false, //类型BOOLEAN, 阴影缩放,待手标松开时,才缩放到和阴影大小的位置
grid:false, //类型NUMBER,缩放单位,如:grid:50 默认false
handles:"e,s,se", //类型STRING, 缩放时的方向,默认为‘e,s,se’ 即可以向:东,南,东南三个方向缩 放,可以改为:‘n,e,s,w,se,sw,ne,nw’ 即向各个方向都可以缩放;
helper:false, /类型STRING,缩放是的边框样式,如:helper: "ui-resizable-helper" 默认false
maxHeight:null, //类型NUMBER,缩放时的最大高度,默认为null
maxWidth:null, //类型NUMBER,缩放时的最大宽度,默认为null
minHeight:10, //类型NUMBER,缩放时的最小高度,默认为10
minWidth:10, //类型NUMBER,缩放时的最小宽度,默认为10
zIndex:1E3 //类型NUMBER,缩放时的最大高度,默认为null