H-ui前端框架 —— layer.js

layer.js是由前端大牛贤心编写的web弹窗插件。

laye.js是个轻量级的网页弹出层组件..支持类型丰富的弹出层类型，如消息框、页面层、iframe层等，具有较好的兼容性和灵活性。

layer.js用法

1.引入layer.js文件。在HTML页面的头部引用layer.is文件，例如👇

<script src="jquery.min.js"</script>
<script src="layer.js"></script>

先引入jQuery文件是因为layer.js依赖于jQuery。

2.在需要弹出层的地方，调用layer.open0)方法，该方法支持多种不同的配置项，例如👇

layer.open({title: '在线调试',content: '可以填写任意的layer代码'
});

layer.js依赖jquery或者zepto.js。

相关参数

属性	默认值	描述	备注
type	0	类型	0 信息框，默认 | 1 页面层 | 2 iframe层 | 3 加载层 | 4 tips层
time	0 不自动关闭	自动关闭所需毫秒	5000 5秒后自动关闭
id		用于控制弹层唯一标识	String
shade	0.3 透明度的黑色背景（'#000'）	遮罩	String/Array/Boolean [0.8, '#393D49'] 0 不显示遮罩。
shadeClose	false	是否点击遮罩关闭
layer.open(options)		核心方法
layer.alert(content, options, yes)		普通信息框
layer.msg(content, options, end)		提示框
layer.load(icon, options)		加载层

详细请点击观看链接👇

H-ui前端框架 —— layer.js🔍