码迷,mamicode.com
首页 > 其他好文 > 详细

layer 入门

时间:2014-08-13 18:16:36      阅读:347      评论:0      收藏:0      [点我收藏+]

标签: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

bubuko.com,布布扣

 

layer 入门,布布扣,bubuko.com

layer 入门

标签:style   blog   http   color   使用   os   ar   div   

原文地址:http://www.cnblogs.com/menu/p/3910262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!