H-ui前端框架 —— layer.js
在前端开发中，使用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) | 加载层 |
详细请点击观看链接👇
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
8
0- 0
已为社区贡献4条内容
所有评论(0)