注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{'coding': 'life'}

          I want to be a geek

 
 
 

日志

 
 
 
 

jquery UI resizable用法详解  

2011-01-26 12:50:03|  分类: 前端 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
$("#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
  评论这张
 
阅读(863)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018