先上展示图
image.png
image.png
百度网盘实例下载：https://pan.baidu.com/s/15rp1JFy6sn0ENjeC1LD3aQ
个人qq:1366860941
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<!--弹出框样式-->
<link rel="stylesheet" href="./layui/css/layui.css">
<script src="./layui/layui.all.js"></script>
</head>
<body>
<h1 id="aa">点击测试</h1>
</body>
<script type="text/javascript">
$("#aa").click(function(){
layer.alert('弹框样式', {
icon: 2,
skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
})
});
</script></html>