学习内容：layer弹出层使用-iframe 层
<title>layer弹出层使用-iframe 层</title>
<style type="text/css">
* {
margin:0;padding:0;/*这里是将元素之间外边的间距和内边的间距设为0*/
}/* *星号代表对所有的元素进行css样式设置 */
</style>
<script src="jquery-1.10.2.min.js"></script><!--先导入jquery库-->
<script src="layer/layer.js"></script><!--接着导入layer.js插件-->
<script type="text/javascript">
$(function () {
$("#buttonId").click(function () {
//iframe 层
layer.open({
type: 1,
title: '这是标题',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮
area: ['893px', '600px'],
content: $("#textCon1")
//$("#textCon1")这是id为textCon1的div元素的内容的获取
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" value="点击我" id="buttonId" />
<div id="textCon1" style="display:none;">
你好，我是选项卡的内容1
</div>
</form>