Jquery Layer插件

提示框 询问层 提示层 墨绿深蓝风 捕获页 页面层 tips层 iframe层 加载层
ɳ ɶ ݴ ݴ ݴ Ϸʴ ϴ ϲ Ͼ Ϻ ڴ ʯׯ ̫ԭ Ŵ ֣ݴ ݴ ڴ Ϻ ݴ Ϻ ڴ ݴ Ϻ ڴ ݴ Ϻ ڴ ݴ ݴ ݴ ݴ ݴ ݴ ֪ʶ

Layer使用说明

特别说明:事件需自己绑定,以下只展现调用代码.

//提示框
layer.alert('内容')

//询问框
layer.confirm('您是如何看待前端开发?', {
    btn: ['重要','奇葩'], //按钮
    shade: false //不显示遮罩
}, function(){
    layer.msg('的确很重要', {icon: 1});
}, function(){
    layer.msg('奇葩么么哒', {shift: 6});
});
//提示层
layer.msg('玩命提示中');

//墨绿深蓝风
layer.alert('墨绿风格,点击确认看深蓝', {
    skin: 'layui-layer-molv' //样式类名
}, function(){
    layer.alert('偶吧深蓝style', {
        skin: 'layui-layer-lan',
        shift: 4 //动画类型
    });
});

//捕获页
layer.open({
    type: 1,
    shade: false,
    title: false, //不显示标题
    content: $('.layer_notice'), //捕获的元素
    cancel: function(index){
        layer.close(index);
        this.content.show();
        layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构',{time: 5000});
    }
});

//页面层
layer.open({
    type: 1,
    area: ['420px', '240px'], //宽高
    content: 'html内容'
});

//tips层
layer.tips('Hi,我是tips', '吸附元素选择器,如#id');

//iframe层
layer.open({
    type: 2,
    title: 'layer mobile页',
    shadeClose: true,
    shade: 0.8,
    area: ['380px', '450px'],
    content: 'http://sentsin.com/layui/layer/' //iframe的url
});

//加载层
var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2