小巧强大的jquery layer弹窗弹层插件

小巧强大的jquery layer弹窗弹层插件

先去官网下载最新的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:

© 版权声明

相关文章

暂无评论

none
暂无评论...