layer.alert('简单点',{icon:1})

定义关闭后的方法

layer.alert('有了回调',function (index) {

       layer.alert("这是回调函数");

});

设置标题的内容和样式

layer.alert('欢迎访问',{title:['我是标题'],'font-size:26px'})

定义一些基本项及样式

layer.alert('墨绿风格，点击确认看深蓝', {

  skin: 'layui-layer-molv' //样式类名 自定义样式

  , closeBtn: 1 // 是否显示关闭按钮

  , anim: 1 //动画类型

  , btn: ['重要', '奇葩'] //按钮

  , icon: 6 // icon

  , yes: function () {

      layer.msg('按钮1')

  }

});

layer.msg('我只是个三秒钟的提示框')

加上图标

layer.msg('我是个有表情的提示框',{icon:6})

定义关闭后执行的方法

layer.msg('我是个有表情的2秒的提示框',{icon:6，time:2000},function (){

        layer.alert("关掉咯")

})

定义确认后执行的方法，也可以加上图标

layer.confirm('确定信息属实？',function (){

        layer.alert('提交成功')

})

添加倒计时

layer.load(3,{time:10*1000})

通过1,2,3,4来设置tips的位置

layer.tips('我是它的注释','#content')

点击内容弹出注释

tips可以智能地判断自己应该出现在神恶魔位置

$('#id').on('click',function (){

  var that = this;

  layer.tips('只想提示地精准些',that); 

})

layer.tips('完整写法','#id',{tips:1,time:5000})

index就是所要关闭的对象

var index = layer.open()

layer.close(index)关闭的就是layer.open()的这个对象

关闭最新弹出的层级

layer.close(layer.index);

关闭iframe页面本身要先拿到当前iframe层的索引

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index); //再执行关闭

关闭后回调

layer.close(index,function(){

        //...

})

关闭所有层

layer.closeAll();

关闭所有信息框

layer.closeAll('dialog')

关闭所有页面层

layer.closeAll('page')

关闭所有iframe层

layer.closeAll('iframe')

关闭加载层

layer.closeAll('loading')

关闭所有的tips层

layer.closeAll('tips');

关闭所有层后执行函数

layer.closeAll('loading',function (){

        // ...

})

var index = layer.open();

layer.style(index, {

  width: '400px',

  top: '10px',

  backgroundColor:'black',

  fontSize:'20px'

});

layer.title("",index)

var index = layer.open();

layer.title("这是layer.title"),index

通过点击窗体可以使被选中的窗口层级最高

layer.open({

  type: 2,

  shade: false,

  area: '500px',

  maxmin: true,

  content: 'http://www.ilayuis.com',

  zIndex: 1, //重点1

  success: function (layero) {

    layer.setTop(layero); //重点2

  }

});

layer.open({

  type: 2,

  shade: false,

  area: '500px',

  maxmin: true,

  content: 'http://www.ilayuis.com',

  zIndex: 2, //重点1

  success: function (layero) {

    layer.setTop(layero); //重点2

  }

});

使弹框最大化

var index = layui.open();

layui.full(index)

使弹框最小化

var index = layui.open();

layui.full(index)

执行还原

layer.restore(index);

layer.prompt(function(value, index, elem){

  alert(value); //得到value

  layer.close(index);

});

layer.prompt({

  formType: 2, //输入框类型支持0（文本）1（密码）2（多行文本）

  value: '初始值', //初始时的值，默认空字符串

  title: '请输入值',

  maxlength:140, //可输入文本的最大长度， 默认500

  area: ['400px', '250px'] //自定义文本域宽高

  }, function (value, index, elem) {

    alert(value); //得到value

    layer.close(index);

});

tab层只单独定制了一个成员，即：tab:[]

layer.tab({

  area: ['600px', '300px'],

  tab: [{

    title: 'TAB1',

    content: '内容1'

  }, {

    title: 'TAB2',

    content: '内容2'

  }, {

    title: 'TAB3',

    content: '内容3'

  }]

});

$.getJSON('/jquery/layer/test/photos.json', function(json){

  layer.photos({

    photos: json,

    anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）

  });

});

-------------------------

json数据格式（必须）：

{

  "title":"",  //相册标题

  "id":123, //相册id

  "start":0,  //初始显示的图片序号，默认0

  "data":[

    {

     "alt":"",

     "pid":666,  //图片id

     "src":"",  //原图地址

     "thumb":""  //缩略图地址

    }

  ]

}

从页面直接获取图片，需要指向图片的父容器，并且img可以设定一些规定的属性（但不是必须的）

<div id="layer-photos-demo" class="layer-photos-demo">

  <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">

  <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">

</div>

<script>

  //调用示例

  layer.photos({

    photos: '#layer-photos-demo'

    ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）

});

</script>

photos的tab回调

layer.photos({

  photo:json / 选择器,

  tab:function (pic,layero){

    console.log(pic)  //当前图片的一些信息

  }

})