键: 值 描述
下表的属性都是默认值,您可在调用时按需重新配置,他们可帮助你实现各式各样的风格。如是调用: $.layer({键: 值, 键: 值, …});
type: 0 层的类型。0:信息框(默认),1:页面层,2:iframe层,3:加载层,4:tips层。

此为重要参数,不同类型层的总开关,若为type:0则不需要配置,其它类型层在调用时必须设置type。

title: '信息' 控制默认标题栏。 
如想自定义标题样式,可以 title: ['标题', 'background:#c00;'] //第二个参数可书写任意css 
如不想显示标题栏,配置title: false 即可
maxmin: false 是否输出窗口最小化/全屏/还原按钮。 
如需要开启,设置maxmin: true 即可 
此功能为layer1.8开始新增
offset: ['', ''] 控制层坐标。
offset的值分别是: [纵坐标, 横坐标],默认为垂直水平居中
如果您要设定纵坐标,可以:offset:['200px', '']/td>
area: ['310px', '130px'] 控制层宽高。
area值分别为:[宽度, 高度]
当设置为auto时,意味着采用自适应(iframe层不能设置auto), 对于宽度,并不推荐您设置auto。
border: [10, 0.3, '#000'] 控制层的边框。
border的值分别为:[边框大小, 透明度, 颜色, layer1.8之前需在此处加true]
如果您不想显示border,设置 border: [0] 即可
shade: [0.5, '#000'] 控制遮罩。
值分别是:[遮罩透明度, 遮罩颜色, layer1.8之前需在此处加true] 
如果不想显示遮罩,配置shade: [0]即可
shadeClose: false 用来控制点击遮罩区域是否关闭层。
若开启,设为true即可
closeBtn: [0, true] 控制层右上角关闭按钮。
closeBtn的值分别为: [关闭按钮的风格(支持0和1), true]
若不想显示关闭按钮,配置 closeBtn: false即可
time: 0 自动关闭等待秒数,整数值。
0表示不自动关闭,若3秒后自动关闭,time: 3即可
fix: true, 用于设定层是否不随滚动条而滚动,固定在可视区域。
move: '.xubox_title' 设定某个元素来实现对层的拖拽。
值为:用来拖拽的元素选择器
若不想拖拽,move: false即可
moveOut: false 用于控制层是否允许被拖出可视窗口外
moveType: 0 用于配置拖拽类型(layer1.7之前版本不支持)
默认为引导式拖动层,若值设为1,则直接拖动层
bgcolor: '#fff' 用于控制层的背景色
如果不想设置任何颜色,设置空字符即可。但是对于type:0的对话框层而言,始终都是白色
zIndex: 19891014 控制层堆叠顺序(即css的z-index)。整数值。
合理设置它,可以避免与其它插件的层级冲突
maxWidth: 400 最大宽度。整数值。
当area宽度设为auto时才有用。
fadeIn: 300, 用于控制层渐显弹出(layer1.7之前版本不支持)
值为毫秒数
btns: 1, 按钮的个数。提供了0-2的选择,设置0表示不输出按钮
btn: ['确定', '取消'], [按钮一的文本值 , 按钮二的文本值]
必须btns值大于0才有效
shift: '', 用于控制动画弹出
有七种选择:左上(left-top),上(top), 右上(right-top),右下(right-bottom),下(bottom),左下(left-bottom),左('left')。
如shift:'top' 表示从上动画弹出
dialog: {
type: 3,
msg: ''
}
信息框层模式提供的私有参数。使用时,按需配置即可 
type: 图标类型,提供了0-16的选择,也许有你喜欢的。 设置-1不显示图标 
msg: 信息框内容,重要参数
page: {
dom: '#id',
html: '',
url: '',
ok: function(datas){}
}
页面层模式私有参数。 
dom: 页面已存在的选择器 
html: 直接传入的html字符串。 
url: ajax请求地址。 
ok: ajax请求完毕后执行的回调,datas是异步传递过来的值。 
需要特别注意的是,dom、html、url只需设定其中一个就行,若配置html或url,你必须也配置宽高值。
iframe: {
src: '',
scrolling: 'auto'
}
iframe层模式私有参数。 
src: 要打开的网址。 
scrolling: 是否允许iframe出现滚动条,默认自动。允许:'yes',不允许:'no'
loading: {
type: 0
}
加载层私有属性。 
type: loading图标类型(提供了0-3的选择)。 
一般配合ajax使用
tips : {
msg: '',
follow: '#id',
guide: 0,
isGuide: true,
more: false,
style: ['', '']
}
tips提示层私有属性。 
msg: 提示内容。 
follow: 吸附目标选择器。 
guide: 指引方向(0:上,1:右,2:下,3:左)。 
isGuide: 是否显示默认三角形。 这个参数可配合msg帮助你自定义三角形icon 
more: 是否允许多个tips 
style: [' color:#000; border:1px solid #FF9900; /* 此处可用来自定义tips的css样式 */', '#FF9900']]。 数组第二个值,为三角形的颜色。
回调函数
success: function(layero){

}
                    
层弹出成功后的回调函数. 
layero是回调传过来的当前层容器的实例,这意味着你可以对当前弹层进行dom操作
yes: function(index){}
                    
按钮一的回调函数 
index为当前层的索引,主要用来回调执行后,配合layer.close(index)来关闭层
no: function(index){}
                    
按钮二的回调函数
close: function(index){}
                    
层右上角关闭按钮的点击事件触发回调函数。
end: function(){}
                    
层被彻底关闭后执行的回调函数。
moveEnd: function(){}
                    
拖拽完毕触发的回调函数
min: function(layero){},
full: function(layero){},
restore: function(layero){}
分别为最小化、全屏、还原触发后的回调函数 
layero是当前层容器的实例 
layer1.8开始新增

layer属性的更多相关文章

  1. 自定义 Layer 属性的动画

    默认情况下,CALayer 及其子类的绝大部分标准属性都可以执行动画,无论是添加一个 CAAnimation 到 Layer(显式动画),亦或是为属性指定一个动作然后修改它(隐式动画).   但有时候 ...

  2. 设置UI控件的Layer属性(边框可见,边框颜色,边框宽度,边框圆角)

    设置UI控件的Layer属性 #import "ViewController.h" @interface ViewController () @property (strong, ...

  3. 设置view的layer属性方法

    1.需要导入QuartzCore.framewoork框架到工程2.在文件中导入#import 3.设置 必须导入的空间 #import<QuartzCore/QuartzCore.h> ...

  4. IOS开发-属性动画和关键帧动画的使用

    CAMediaTiming是一个协议(protocol),CAAnimation是所有动画类的父类,但是它不能直接使用,应该使用它的子类. 继承关系: CoreAnmiation 核心动画 简写CA ...

  5. view 与layer

      文章出处:http://blog.csdn.net/iukey 一.添加 Quartz Core 框架 要使用 Quartz Core 框架,你需要将其添加到你的工程中 . 然后  #import ...

  6. CALayer 的 position和anchorPoint属性

    在iOS 中,UIButton.UIImage等UIView 之所以能够显示在屏幕上,是因为其内部有一个图层(CALayer).通过UIView的layer 属性可以访问这个图层: @property ...

  7. Layer中自定义属性的动画

    转载自:http://blog.jobbole.com/69211/ 默认情况下,CALayer 及其子类的绝大部分标准属性都可以执行动画,无论是添加一个 CAAnimation 到 Layer(显式 ...

  8. iOS 自定义layer的两种方式

    在iOS中,你能看得见摸得着的东西基本都是UIView,比如一个按钮,一个标签,一个文本输入框,这些都是UIView: 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层 在创建UIVi ...

  9. Layer 中自定义属性的动画

    原文:http://objccn.io/issue-12-2/ Layer 中自定义属性的动画     默认情况下,CALayer 及其子类的绝大部分标准属性都可以执行动画,无论是添加一个 CAAni ...

随机推荐

  1. Exception fixing docBase for context

    原因在给tomcat的war包,传输过程中出了问题,或者不是2进制传输,重新用2进制传送到linux里的tomcat webapps 目录中  就解决了.

  2. CentOS6.4安装go环境

    在官网上下载go1.6.linux-amd64.tar.gz 解压缩并拷贝程序到相应路径下 #tar -zxvf go1.6.linux-amd64.tar.gz #cp -rf go /usr/lo ...

  3. Java 集合 散列表hash table

    Java 集合 散列表hash table @author ixenos 摘要:hash table用链表数组实现.解决散列表的冲突:开放地址法 和 链地址法(冲突链表方式) hash table 是 ...

  4. hdu_5925_Coconuts(离散化+dfs)

    题目链接:hdu_5925_Coconuts 题意: 给你一张很大的图,和小于200个的障碍点,问这张图中的联通块有多少个 题解: 由于障碍点只有200个,所以肯定有很多的空白部分,我们将这些空白部分 ...

  5. shell脚本学习(四)

    1.文件权限 1.1 用户有一个称为setuid(S)的特殊权限,它出现在执行权限(x)的位置,setuid权限允许用户以拥有者的权限来执行可执行文件,即使这个可执行文件是由 其他用户运行的. 具有s ...

  6. Openjudge-计算概论(A)-奇数单增序列

    描述: 给定一个长度为N(不大于500)的正整数序列,请将其中的所有奇数取出,并按升序输出. 输入共2行:第1行为 N:第2行为 N 个正整数,其间用空格间隔.输出增序输出的奇数序列,数据之间以逗号间 ...

  7. ADO.NET 完整修改、删除、防字符串攻击

    首先,我先把昨天所做的人事管理系统进行了优化,将其完善成为了一个更符合实际的系统.将修改及删除数据的数据库操作前面添加了一个查询语句,这样,在实际操作时,如果数据库中没有该条数据,则程序不会执行接下来 ...

  8. [css3动画]渐隐渐现

    测试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...

  9. 将数组写入plist文件

    data 加载plist [NSBundle mainBundle] [arr writeToURL:<#(NSURL *)#> atomically:<#(BOOL)#>]

  10. sql身份证号查人数

    select a.*,b.item_name from (select sum(buy_num) num,nqh from (select substr(a.embed_dis_province,1, ...