layer的学习与使用

来源:互联网 发布:怎么用mac编程 编辑:程序博客网 时间:2024/05/23 18:23

http://www.layui.com/doc/modules/layer.html  学习的网址(里面的内容很全)

1、首先要引进layer.js

你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js

layer.msg('Hello layer'); 弹出提示窗口(文字内容就是括号内文字)

Layer.open()也弹出一个弹窗,比上面的更好看

type - 基本层类型

类型:Number,默认:0

layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2iframe层)3(加载层)4tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)

skin - 样式类名

类型:String,默认:''

skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名。这是一个很好的切入点,意味着你可以借助skin轻松完成不同的风格定制。目前layer内置的skin有:layui-layer-lanlayui-layer-molv,未来我们还会选择性地内置更多,但更推荐您自己来定义。以下是一个自定义风格的简单例子

area - 宽高

类型:String/Array,默认:'auto'

在默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area: '500px',高度仍然是自适应的。当你宽高都要定义时,你可以area: ['500px', '300px']

icon - 图标。信息框和加载层的私有参数

类型:Number,默认:-1(信息框)/0(加载层)

信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入0-6如果是加载层,可以传入0-2。如:

success - 层弹出后的成功回调方法

类型:Function,默认:null

当你需要在层创建完毕时即执行一些语句,可以通过该回调。success会携带两个参数,分别是当前层DOM当前层索引。如: