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🔍

相关推荐
qq_4523962314 分钟前
第九篇:《处理常见复杂UI组件:下拉框、弹窗、iframe、多窗口》
ui
军军君0118 分钟前
数字孪生监控大屏实战模板:固体颗粒物监管平台
前端·javascript·vue.js·typescript·前端框架·echarts·less
菜鸟小码28 分钟前
MapReduce 核心思想:分而治之,大数据处理的智慧之源
前端·javascript·mapreduce
凤头百灵鸟40 分钟前
Python语法进阶篇 --- 单例模式、魔法方法
javascript·python·单例模式
深蓝海拓44 分钟前
Qt:创建一套基于HSL颜色体系的颜色库
笔记·python·qt·学习·ui
一袋米扛几楼981 小时前
【前端开发】基于TypeScript打破 React 黑盒——组件的“工厂心智模型”与源码解剖
javascript·react.js·typescript
for_ever_love__1 小时前
UI学习:反向传值(代理传值)深入学习
学习·ui·objective-c
我滴老baby2 小时前
ReAct推理模式详解让智能体学会边思考边行动
前端·react.js·前端框架
菜鸟小码2 小时前
MapReduce 核心阶段深度解析:Map 阶段与 Reduce 阶段的作用及执行流程
前端·javascript·mapreduce
@大迁世界2 小时前
33.如何在 React 中使用内联样式(inline styles)?
前端·javascript·react.js·前端框架·ecmascript