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

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) 加载层

详细请观看链接👇

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

今天的文章 H-ui前端框架 —— layer.js分享到此就结束了,感谢您的阅读。
编程小号
上一篇 2024-12-31 12:27
下一篇 2024-12-31 12:21

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/97835.html