jQuery插件之layer弹出层

安装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})