Html
    Css
    Js

    
                        
body,html {
	margin:0;
	padding:0;
}
body {
	height:100%;
}
.tff {
	width:100px;
	height:40px;
	background:saddlebrown;
	color:seashell;
	text-align:center;
	line-height:40px;
	cursor:pointer;
}
.tanC {
	display:none;
	width:100%;
	height:100%;
	background:#000000;
	background:rgba(0,0,0,0.15);
	filter:alpha(opacity=15);
	position:absolute;
	margin:auto;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.tanC_info {
	width:600px;
	height:200px;
	background:silver;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.tanC_info>span {
	font-size:26px;
	display:inline-block;
	float:right;
	margin:0 10px 0 0;
	color:azure;
	cursor:pointer;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.8.3
 立即下载

一个简单的jQuery弹出层效果

0