自己寫的JS無刷新彈出確認框_層和布局特效

自己寫的一個無刷新彈出確認框，自己美化一下，本人美工不咋地，只實現了全部的功能，至于樣式就靠你自己了，個人感覺比那些將彈出窗寫時JS里的好用多了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>自己寫的無刷新彈出確認框</title>
<style type="text/css">
#closeshow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#closewindow {
	z-index: 1002;
	position: absolute;
        width: 100%;
}
#graydiv {
	z-index: 1000;
	background: #DDDDDD;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
.msg_block {
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
.msg_title {
	border: 1px solid #2982BA;
	background-color: #ADDAFB;
	border-bottom: 0;
}
.msg_mrc {
	border: 1px solid #2982BA;
	background-color: #E6F7FF;
	text-align: center;
}
</style>
<script type="text/javascript">
function showclose() {
	var obj=document.getElementById("closeshow");
	if(obj.style.display=="none")
		obj.style.display="block";
	else
		obj.style.display="none";
}
</script>
</head>
<body>
<input type="button" onclick="showclose();" value="退出" />
<div id="closeshow" style="display:none;">
	<div id="closewindow">
		<div class="msg_block">
		<div class="msg_title">退出</div>
		<div class="msg_mrc"><p>確定退出？</p><p><input type="button" value="確定" /><input type="button" onclick="showclose();" value="取消" /></p></div></div>
</div>
<div id="graydiv">
</div>
</div>
</body>
</html>

所屬頻道：層和布局特效/更新時間：2012-11-19

[收藏][報錯][返回列表]

相關層和布局特效：

自己寫的JS無刷新彈出確認框_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些