layui-弹出层

爱窦

于 2021-03-12 18:13:12 发布

阅读量207

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/weixin_44342481/article/details/114702422

版权

layui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		layui.use('layer',function(){
			var layer = layui.layer;
			// layer.msg("HelloWord");
			
			//打开图层返回索引
			var index = layer.open({
				type:0,
				icon:4,//0感叹号，1打叉，3打勾....7
				title:"消息框",//标题
				content:"这是一个消息框",//窗口内容
				btn:["按钮1","按钮2","按钮3"],//添加按钮
				yes:function(index,layero){//为按钮绑定事件，第一个按钮为yes或者btn1，后边的按钮btn2...
					//index窗口索引  layero当前图层对象
					return false;//加上return false阻止关闭窗口
				},
				btn2:function(index,layero){
					
				},
				btn3:function(index,layero){
					
				},
				cancel:function(){//右上角关闭按钮的回调函数
					layer.msg("gg");
				}			
			});
		});
	</script>
</html>

爱窦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
layui-弹出层

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/> <script src="layui/layui.js" type="text/javascript" charset="utf-
复制链接

扫一扫