学习内容：layer弹出层弹出广告使用例1-页面层
<title>layer弹出层使用-页面层</title>
<script src="jquery-1.10.2.min.js"></script><!--先导入jquery库-->
<script src="layer/layer.js"></script><!--接着导入layer.js插件-->
<script type="text/javascript">
$(function () {
/* $(function () {
});这是jquery执行程序的入口的地方，要执行的程序都在这里。
*/
$("#buttonId").click(function () {
//页面层
layer.open({
type: 1,
title:"这是弹出框的标题",
skin: 'layui-layer-rim', //加上边框
area: ['900px', '500px'], //宽高
content: $("#textCon")
//$("#textCon")这是要显示的弹出框的内容的容器div,id用井号开头
//容器同样可以用$(".类名")
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" value="点击我" id="buttonId" />
<div id="textCon" style="display:none;" class="content1">
你好，我是弹出的内容。
</div>
</form>
</body>
</html>