阿甘兄

相册层，也可以称之为图片查看器。它的出场动画从layer内置的动画类型中随机展现。photos支持传入json和直接读取页面图片两种方式。如果是json传入，如下：$.getJSON('/jquery/layer/test/photos.json', function(json){ layer.photos({ photos: json ,anim: 5 //0-6的选择，指...

tab层只单独定制了一个成员，即tab: []，这个好像没有什么可介绍的，简单粗暴看例子layer.tab({ area: ['600px', '300px'], tab: [{ title: 'TAB1', content: '内容1' }, { title: 'TAB2', content: '内容2' }, { title: 'T...

prompt的参数也是向前补齐的。options不仅可支持传入基础参数，还可以传入prompt专用的属性。当然，也可以不传，yes携带value 表单值index 索引elem 表单元素。prompt层新定制的成员如下{ formType: 1, //输入框类型，支持0（文本）默认1（密码）2（多行文本） value: '', //初始时的值，默认空字符 maxlength: 14...

非常强大的一个方法，虽然一般很少用。但是当你的页面有很多很多layer窗口，你需要像Window窗体那样，点击某个窗口，该窗体就置顶在上面，那么setTop可以来轻松实现。它采用巧妙的逻辑，以使这种置顶的性能达到最优。//通过这种方式弹出的层，每当它被选择，就会置顶。layer.open({ type: 2, shade: false, area: '500px', maxmi...

此方法一般用于在iframe页关闭自身时用到//假设这是iframe页var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引parent.layer.close(index); //再执行关闭 ...

当你试图在当前页获取iframe页的DOM元素时，你可以用此方法,selector即iframe页的选择器。layer.open({ type: 2, content: 'test/iframe.html', success: function(layero, index){ var body = layer.getChildFrame('body', index); ...

该方法对loading层和tips层无效。参数index为层的索引，cssStyle允许你传入任意的css属性。//重新给指定层设定width、top等layer.style(index, { width: '1000px', top: '10px'}); ...

如果不想去获取index你只想关闭,那么可以使用closeAll。如果不指向层类型的话，它会销毁掉当前页所有的layer层。当然，如果只想关闭某个类型的层，那么可以:layer.closeAll();//疯狂模式，关闭所有层layer.closeAll('dialog'); //关闭信息框layer.closeAll('page');//关闭所有页面层layer.closeAll('ifr...

关于它似乎没有太多介绍的必要，唯一让你疑惑的，可能就是这个index了吧。事实上它非常容易得到://当你想关闭当前页的某个层时var index = layer.open();var index = layer.alert();var index = layer.load();var index = layer.tips();//正如你看到的，每一种弹层调用方式，都会返回一个inde...

type:4的深度定制,它会智能定位，即灵活地判断它应该出现在哪边,默认是在元素右边弹出://eg1layer.tips('只想提示地精准些', '#id');//eg 2$('#id').on('click', function(){ var that = this; layer.tips('只想提示地精准些', that); //在元素的事件回调体中，follow直接赋予thi...

type:3的深度定制。load并不需要你传太多的参数，但如果你不喜欢默认的加载风格，你还有选择空间。icon支持传入0-2如果是0，无需传。另外特别注意一点：load默认是不会自动关闭的，因为你一般会在ajax回调体中关闭它。//eg1var index = layer.load();//eg2var index = layer.load(1); //换了种风格//eg3var in...

在源码中用了相对较大的篇幅来定制了这个msg，目的是想将其打造成露脸率最高的提示框。而事实上我的确也在大量地使用它。因为它简单，而且足够得自觉，它不仅占据很少的面积，而且默认还会3秒后自动消失所有这一切都决定了我对msg的爱。因此我赋予了它许多可能在外形方面，它坚持简陋的变化，在作用方面，它坚持零用户操作。而且它的参数也是自动补齐的。//eg1layer.msg('只想弱弱提示');//eg...

类似系统confirm，但却远胜confirm，另外它不是和系统的confirm一样阻塞你需要把交互的语句放在回调体中。同样的，它的参数也是自动补齐的。//eg1layer.confirm('is not?', {icon: 3, title:'提示'}, function(index){ //do something layer.close(index);});//eg2...

类似系统alert，但却比alert更灵便。它的参数是自动向左补齐的。通过第二个参数，可以设定各种你所需要的基础参数，但如果你不需要的话，直接写回调即可,如://eg1layer.alert('只想简单的提示'); //eg2layer.alert('加了个图标', {icon: 1}); //这时如果你也还想执行yes回调，可以放在第三个参数中。//eg3layer.a...

由于我们的layer内置了轻量级加载器，所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时，你最好是将弹层放入ready方法中，如：//页面一打开就执行弹层layer.ready(function(){ layer.msg('很高兴一开场就见到你');}); ...

tips - tips方向和颜色类型：Number/Array，默认：2tips层的私有参数。支持上右下左四个方向，通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色，可以设定tips: [1, '#c00']tipsMore - 是否允许多个tips类型：Boolean，默认：false允许多个意味着不会销毁之前的tips层。通过tipsMor...

maxWidth - 最大宽度类型：Number，默认：360请注意：只有当area: 'auto’时，maxWidth的设定才有效。maxHeight - 最大高度类型：Number，默认：无请注意：只有当高度自适应时，maxHeight的设定才有效。zIndex - 层叠顺序类型：，默认：19891014一般用于解决和其它组件的层叠冲突。move - 触发拖动的元素类...

id - 用于控制弹层唯一标识类型：String，默认：空字符设置该值后，不管是什么类型的层，都只允许同时弹出一个，一般用于页面层和iframe层模式。anim - 弹出动画类型：Number，默认：0我们的出场动画全部采用CSS3。这意味着除了ie6-9，其它所有浏览器都是支持的。目前anim可支持的动画类型有0-6 如果不想显示动画，设置 anim: -1 即可。另外需要注意的是，...

btn - 按钮类型：String/Array，默认：‘确认’信息框模式时，btn默认是一个确认按钮，其它层类型则默认不显示，加载层和tips层则无效。当您只想自定义一个按钮时，你可以btn: ‘我知道了’，当你要定义两个按钮时，你可以btn: ['yes', 'no']。当然，你也可以定义更多按钮，比如：btn: ['按钮1', '按钮2', '按钮3', …]，按钮1的回调是yes，而从按...

我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: ''})layer.msg('', {time: 3})等，其中的content和time即是基础参数，以键值形式存在，基础参数可合理应用于任何层类型中，您不需要所有都去配置，大多数都是可选的。而其中的layer.open、layer.msg就是内置方法。注意，从2.3开始，无需通过layer.confi...