layui基础---弹出层

最新推荐文章于 2023-04-20 15:57:10 发布

孟某人

最新推荐文章于 2023-04-20 15:57:10 发布

阅读量560

点赞数 2

分类专栏： layui jQuery

本文链接：https://blog.csdn.net/qq_44784185/article/details/103532856

版权

1.弹出层依赖模块

layui.use('layer',function(){
   
			var layer = layui.layer;
			})

2,弹出层方法 open()
open（）会根据type属性值的不同弹出不同的层
在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<body>
		<button id="btn01" class="layui-btn layui-btn-lg">type默认值为0信息弹出框</button><br />
		<button id="btn02" class="layui-btn layui-btn-lg">type值为1页面层可以在conten中编写html</button><br />
		<button id="btn03" class="layui-btn layui-btn-lg">type值为2 iframe层可以通过content获取一个页面</button><br />
		<button id="btn04" class="layui-btn layui-btn-lg">type值为3 加载层</button><br />
		<button id="btn05" class="layui-btn layui-btn-lg">type值为4 tips层content中有两个值[