一、LayUI弹出层组件引用
目前，layer 已然成为网页弹出层的首先交互方案，几乎所处可见。模块加载名称：layer，独立版本：layer.layui.com
layui弹出层组件引用有两种方式：
1、独立组件引用，
在layer独立版本官网下载组件包，在需要使用layer的页面加载1.8版本以上的jquery的js文件
2、layui模块化使用
只需要引入layui的css和js文件，在script中使用layui.use()加载模块（大多数使用本方式引用）
示例：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>弹出层</title>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
<script type="text/javascript">
layui.use("layer",function(){
var layer=layui.layer;
layer.msg("hello world");
});
</script>
</body>
</html>
样式：
网友评论