安装layer
1. 引入相应的css
2. 引入jQuery
3. 引入layer.js
常用的属性
1. 类型
0 信息框 1 页面框 2 iframe 3 加载
2. 标题title
string
title:’我是标题’
array
title:[‘我是标题’,’font-size:15px’]
3. 内容
一般的字符串
content:'你好',
html代码
content:'<div style="color:red">你好</div>',
4. 宽高area
一般弹出框是自适应的,但也可以调整它的宽高。
area:['200px','300px']
5. 图标
加载框只有0-2
其他框0-6
icon:'6'
6. 遮罩
shade:['0.6','#c00']
7. 是否点击遮罩
shadeClose:true/flase
8. 自动关闭
time:1000+(多少秒)
9. 框的动画(css3)
shift:1-6
10.拖动的类型
moveType:0-1
11.是否拖动到外面
moveOut:true/flase
特殊的方法
content:内容
option:选项(属性)
yes:确认按钮的方法function(){}
cancel:取消按钮的方法
1.提示框
layer.msg(content,options,yes)
2.加载框
layer.load(icon,options)
3.信息框
layer.alert(content,options,yes)
4.问题框
layer.comfirm(content,options,yes,cancel);
layer.confirm('你带烟了吗?',
{title:['提问框','font-size:14px;color:green;font-weight:bold'],btn:['yes','no']});
5.吸附框
layer.tips(content,follow,options);
layer.tips('在下面',‘#test’,{tip:1})