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🔍

相关推荐
不考研当牛马2 小时前
HTML CSS 新手大全初学者必看 (含有部分 JavaScript)
javascript·css·html
卷帘依旧2 小时前
Promise链式调用原理
前端·javascript
threelab2 小时前
Three.js 图像粒子飞线效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
Mr数据杨4 小时前
【Codex】用PPT文案额外描述优化课件生成细节
java·javascript·django·powerpoint·codex·项目开发
WayneYang4 小时前
Nuxt 3 + Vue 3 + TypeScript 全栈开发知识点汇总(2026 最新版)
前端框架·全栈
极客小俊4 小时前
【从零到一】用HTML5+CSS+JavaScript实现一个属于自己的mp3免费音乐播放器 (4) JS交互功能(音乐进度条)
javascript·css·html5·前端开发·免费教程·代码案例·手搓音乐播放器
FlyWIHTSKY5 小时前
Element Plus 中 el-row 和 el-col 的完整使用指南**
javascript·vue.js·ecmascript
摇滚侠5 小时前
基于 Redis 实现验证码登录
javascript·redis·bootstrap
木风未来5 小时前
四川 UI 与数字视觉设计机构排名:政企定制服务实力榜单
ui·小程序·可视化大屏
weixin79893765432...6 小时前
React 系统的梳理
react.js·前端框架