layer 插件的应用（持续更新中）

最新推荐文章于 2021-08-07 01:24:22 发布

zcaixx

最新推荐文章于 2021-08-07 01:24:22 发布

阅读量242

点赞数

CC 4.0 BY-SA版权

分类专栏： jsp css js 文章标签： layer

本文链接：https://blog.youkuaiyun.com/zcaixx/article/details/83444813

css 同时被 3 个专栏收录

7 篇文章

订阅专栏

jsp

4 篇文章

订阅专栏

4 篇文章

订阅专栏

本文详细介绍了Layer.js弹窗插件的四种使用方法：无按钮自动消失的信息提示框、有按钮点击消失的信息提示框、带有确认与取消选项的判断对话框以及各种图标样式的设置。通过具体代码示例，读者可以快速掌握如何在项目中运用Layer.js实现不同的弹窗效果。

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

1.信息提示框（没有按钮，自动消失）

layer.msg("保存成功!",{icon:7});//{icon:7}-->图标

2.信息提示框（有按钮，点击消失）

layer.alert("保存成功!",{icon:6});//{icon:6}-->图标

3.判断对话框（“是”，“否” 两个按钮，分别有各自对应的逻辑）

layer.confirm("确认删除?", {icon:3
			  ,title:'提示' //按钮
			}, function(index){
				layer.close(index);
				//点击“是” ，对应的逻辑方法
			},function(){
				//点击“否” ，对应的逻辑方法
		});

4.图标样式

eg：{icon:7}
-1：底色是灰色，无图标；1：对号；2：差号；3：问号；4：灰色锁；5：哭脸；6：笑脸；7：叹号；

关于layer插件的css和js
正在等着审核，就在我的相关博客中