
先去官网下载最新的js http://sentsin.com/jquery/layer/
①引用jquery
②引用layer.min.js
触发弹层的事件可自由绑定,如:
$(#id).on(click, function(){
layer.msg(test);
});
下面主要贴出上述例子的调用代码:
【信息框】:
layer.alert(白菜级别前端攻城师贤心, 8); //风格一
layer.msg(前端攻城师贤心); //风格二
//当然,远远不止这两种风格。
【询问框】:
$.layer({
shade: [0],
area: [auto,auto],
dialog: {
msg: 您是如何看待前端开发?,
btns: 2,
type: 4,
btn: [重要,奇葩],
yes: function(){
layer.msg(重要, 1, 1);
}, no: function(){
layer.msg(奇葩, 1, 13);
}
}
});
//还可用layer.confirm()快捷调用
【页面层一】
$.layer({
type: 1,
shade: [0],
area: [auto, auto],
title: false,
border: [0],
page: {dom : .layer_notice}
});
【页面层二】
var pageii = $.layer({
type: 1,
title: false,
area: [auto, auto],
border: [0], //去掉默认边框
shade: [0], //去掉遮罩
closeBtn: [0, false], //去掉默认关闭按钮
shift: left, //从左动画弹出
page: {
html: