先去官网下载最新的js ①引用jquery ②引用layer.min.js
触发弹层的事件可自由绑定，如：
【信息框】：
【询问框】：
调用
【页面层一】
【页面层二】
关闭按钮
shift: 'left',//从左动画弹出
page: {
html: '
我从左边来，我自定了风 格。
'
}
});
//自设关闭
$('#pagebtn').on('click',function(){
layer.close(pageii);
});
【iframe层一】
【iframe层二】
自动关闭，并生成一个新的iframe',this,{
time: 5,maxWidth: 260
});
$.layer({
type: 2,closeBtn: false,shade: [0.1,'#fff'],time: 5,iframe: {
src: 'test/guodu.html'
},area: ['300px','250px'],shift: 'right-bottom',end: function(){
$.layer({
type : 2,title: '贤心博客 - sentsin.com',maxmin: true,fix : false,area: ['1024px',500],iframe: {
src : 'http://sentsin.com/'
}
});
}
});
【加载层一】
【加载层二】
文字',3);
【tips层一】
自定义外观。',{
style: ['background-color:#78BA32; color:#fff','#78BA32'],maxWidth:185,time: 3,closeBtn:[0,true]
});
【tips层二】
关闭按钮',{guide: 1,time: 2});
【输入/文件层】
文件上传
layer.prompt({title: '随便上传个东东，并确认',type: 2},function(file){
alert(file);
});
//多行文本
layer.prompt({title: '随便写点啥，并确认',type: 3},function(val){
alert(val);
});
【tab层】
支持html传入'}
]
});
【相册层】
原文链接：https://www.f2er.com/jquery/51260.html