自己写的JS无刷新弹出确认框_层和布局特效

缂備礁娲﹂埅绀慹deCMS閻熸瑥妫濋。鍫曞极濞嗘垟鏌�濞戞梹澹嗛埞鏍⒒閿燂拷缂佸鍠愬﹢鍥礉閳ヨ櫕鐝� 闂侇偄顦辩紞澶屾兜閺囨氨闉嶉柤杈ㄦ缁憋拷 闁哄啰濮撮崪鏍博濞嗘挻姣愮€规悶鍎遍崣锟�,闁谎勫劤鐎规娊寮堕崘顔兼濞戞挴鍋撻梺娆惧枛閸欏繘寮婚敓锟�!

自己写的一个无刷新弹出确认框，自己美化一下，本人美工不咋地，只实现了全部的功能，至于样式就靠你自己了，个人感觉比那些将弹出窗写时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订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些

闁衡偓閹増顥�&闁告帒妫旈棅锟�