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

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

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

layer.js用法

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

javascript 复制代码
<script src="jquery.min.js"</script>
<script src="layer.js"></script>

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

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

javascript 复制代码
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🔍

相关推荐
kyriewen116 小时前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
Timer@7 小时前
LangChain 教程 04|Agent 详解:让 AI 学会“自己干活“
javascript·人工智能·langchain
阿珊和她的猫8 小时前
TypeScript中的never类型: 深入理解never类型的使用场景和特点
javascript·typescript·状态模式
九皇叔叔12 小时前
003-SpringSecurity-Demo 统一响应类
java·javascript·spring·springsecurity
低代码布道师13 小时前
纯代码实战:MBA培训管理系统 (十四) ——用户管理(批量选择与批量删除)
javascript·nextjs
Hello--_--World14 小时前
JavaScript运行机制、v8原理、js事件循环
开发语言·javascript·ecmascript
互联网散修14 小时前
鸿蒙应用开发UI基础第三十六节:Grid网格布局二维自适应宫格与不规则布局方案
ui
NGBQ1213817 小时前
Seelen.UI_2.5.7_x64-setup.exe 全解析:专业界面设计与原型构建工具深度指南
ui
敲敲了个代码17 小时前
React 那么多状态管理库,到底选哪个?如果非要焊死一个呢?这篇文章解决你的选择困难症
前端·javascript·学习·react.js·前端框架