前端弹层框架layer的简单应用

原创于 2019-03-26 22:17:31 发布 · 385 阅读

0 ·

CC 4.0 BY-SA版权

前端框架专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一款流行的web弹层组件layer.js的基本使用方法。通过简单的两步即可实现在网页上弹出带有时效性的提示信息，适合不同水平的开发者快速集成到自己的项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在此做个简单应用，并mark一下，需要时再进一步学习。
效果展示：
在这里插入图片描述
如上图所示，其弹出了一个淡黑色（默认）窗口，并显示了提示消息，1秒以后，弹框消失。
如何实现：

step1 下载并引入layer.js文件

<script src="${pageContext.request.contextPath}/layer/layer.js"></script>

step2 在<script>标签中使用layer.msg方法

 <script>
 	//调用layer.msg（）方法，第一个参数指示提示信息，第二个参数为json串，可以指定延时消失time，造型skin；
 	layer.msg(
 		'成功',
 		{time:1000}
 		);
 </script>

完成！