首页 > 代码库 > layer 入门

layer 入门

2024-07-17 09:38:13   231人阅读

一：注意事项

　　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


联系
我们