标签:style blog http color 使用 os ar div
一:注意事项
1.页面需导入jQuery(版本在1.9+(推荐)否则会出现窗体无法关闭等异常)
二:信息框
1.弹出简单窗体(带图标)
1 layer.alert(msg, icon, fn);
icon取值(0-16):
0 | 警告 |
1 | 正确(√) |
2 | 错误(×) |
8 | 哭脸 |
9 | 笑脸 |
2.询问弹窗
1 layer.confirm(msg,yes,no); 2 //yes:点击确定回调函数,不做处理消息框不会关闭 3 //no:点击取消回调函数,不作处理消息框自动关闭
3.无图标无关闭按钮弹窗
1 layer.msg(msg, time, parme); 2 time:关闭时间 3 parme是一个对象时,您可配置{type: 图标, shade: 是否开启遮罩(默认true), rate: 弹出的动画类型,具体值见layer.shift的参数说明} 4 parme是一个函数时,则将作为层消失后的end的回调 5 parme是一个数字时,则将作为msg的图标类型
三:页面层
1 var pagei = $.layer({ 2 type: 1, //0-4的选择, //页面层 3 title: false, //不要标题 4 border: [0], //边框 5 closeBtn: [0], //无关闭按钮(1:有关闭按钮) 6 shadeClose: true, //点击遮挡层关闭窗体 7 area: [‘460px‘, ‘280px‘], //宽高 8 shift:‘top‘, //入场动画 9 page: { 10 html: ‘<\div style="width:460px; height:280px; background- color:#81BA25; color:#fff;"><\div style="padding:20px;">里面传入任何html元素<\/div><\/div>‘ //此处放了防止html被解析,用了\转义,实际使用时可去掉 11 } 12 pageTwo:{dom:‘#PageIdName‘} 13 });
四:框架层
1 $.layer({ 2 type: 2, //框架层 3 iframe: {src: ‘http://url.cn/RAejZY‘} //指定打开页面 4 });
五:加载层
//【加载无文字】 layer.load(3); //【加载带文字】 layer.load(‘加载带文字‘, 3);
六:Tips
暂时未记录
转载请标名出处,否则作者必定追究法律责任url: http://www.cnblogs.com/menu/p/3910262.html
标签:style blog http color 使用 os ar div
原文地址:http://www.cnblogs.com/menu/p/3910262.html