css弹出框提示信息

最新推荐文章于 2024-06-28 11:30:00 发布

angel豆蔻年华

最新推荐文章于 2024-06-28 11:30:00 发布

阅读量3k

点赞数

分类专栏： html 文章标签： css

本文链接：https://blog.csdn.net/u012635819/article/details/21538081

版权

html 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<style type="text/css">
#alertBox{ position:absolute; display:none; width:100%; height:100%; left:0px; top:0px; z-index:99; background: rgba(255, 255, 255, 0.1);}
#alertBox #alertBoxShadow{ position:absolute; width:200px; height:auto; left:50%; top:50%; margin-left:-100px; margin-top:-80px; background: rgba(255, 255, 255, 0.9); background-size: 100% 100%; z-index:100; padding-bottom:30px;}
#alertBox #text{ margin:20px; font-size:1.0em;}
#alertBox #alertBoxBtn{ position:absolute; right:10%; bottom:10px; width:78px; height:26px; background: url("../img/ChoiceBtn.png") no-repeat; background-size: 100% 100%;}
</style>
        <script type="text/javascript">
			function CloseBox(){       
				document.getElementById('alertBox').style.display="none";
			}
			function alertBox(value){
				document.getElementById('alertBox').style.display="block";
			//	alert(value);
				document.getElementById('text').innerHTML=value;
			}
		</script>

<div id="alertBox">
	<div id="alertBoxShadow">
        <div id="text"></div>
        <button id="alertBoxBtn" onClick="CloseBox();">确定</button>
    </div>
</div>