当前位置: 首页 > news >正文

H-ui前端框架 —— 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。

相关参数

属性默认值描述备注
type0类型0 信息框,默认 | 1 页面层 | 2 iframe层 | 3 加载层 | 4 tips层
time0 不自动关闭自动关闭所需毫秒5000 5秒后自动关闭
id用于控制弹层唯一标识String
shade0.3 透明度的黑色背景('#000')遮罩

String/Array/Boolean

[0.8, '#393D49']

0 不显示遮罩。

shadeClosefalse是否点击遮罩关闭
layer.open(options)核心方法
layer.alert(content, options, yes)普通信息框
layer.msg(content, options, end)提示框
layer.load(icon, options)加载层

详细请点击观看链接👇

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

http://www.lryc.cn/news/264211.html

相关文章:

  • 「Verilog学习笔记」游戏机计费程序
  • b站高可用架构 笔记
  • Android: Ubuntu下交叉环境编译常用调试工具demo for lspci命令(ARM设备)
  • 《2023全球IPv6支持度白皮书》近日发布
  • IDEA版SSM入门到实战(Maven+MyBatis+Spring+SpringMVC) -Spring的AOP前奏
  • 2023年度佳作:AIGC、AGI、GhatGPT 与人工智能大模型的创新与前景展望
  • 直播电商“去网红化”势在必行,AI数字人打造品牌专属IP
  • Java如何开发PC客户端(Windows,Mac,Linux)
  • 热红外图像非均匀校正方法
  • 性能压力测试--确保企业数字化业务稳健运行
  • 【Java】7种逻辑运算,你了解几种
  • 达梦到达梦的外部链接dblink(DM-DM DBLINK)
  • create-react-app 打包去掉 map文件
  • fdisk工具详解
  • 【蓝桥杯选拔赛真题81】Scratch旅游相册 第十五届蓝桥杯scratch图形化编程 少儿编程创意编程选拔赛真题解析
  • 水平居中、垂直居中、水平垂直居中
  • flex布局换行后出现间隙问题
  • RPC(3):HttpClient实现RPC之GET请求
  • PHP函数里面写JQ CSS HTML的写法案例
  • 爬虫工作量由小到大的思维转变---<第十八章 Scrapy请求处理与返回策略>
  • 【免费直播今天下午!】见微知著 唤醒视觉:机器视觉与成像应用解决方案,诚邀您的参与!
  • 智商均值回归
  • ChatGPT助力Excel数据分析:让你的工作事半功倍!
  • 多表插入、删除操作(批量)——后端
  • Java操作Word修订功能:启用、接受、拒绝、获取修订
  • 什么是数据仪表板?数据可视化仪表盘怎么制作?
  • HiveServer2
  • YOLOv8改进 | 2023注意力篇 | HAttention(HAT)超分辨率重建助力小目标检测 (全网首发)
  • IDEA Community html文件里的script标签没有syntax highlighting的解决方案
  • 如何获取旧版 macOS