Jquery-ui的Resizable属性详解

$("#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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ling…

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值