<div class="codetitle"> <span><a style="CURSOR: pointer" data="41444" class="copybut" id="copybut41444" onclick="doCopy('code41444')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code41444"> <br> <br> <br> <br><meta charset="utf-8"> <br><title></title> <br><style type="text/css"> <BR>.Div_Scroll { <BR>position:fixed; <BR>margin:-10px; <BR>visibility:hidden; <BR>background-color:#808080; <BR>opacity:0.6; <BR>z-index:99; <BR>} <BR>.Div_Scroll_Content { <BR>position:relative; <BR>margin-top:20%; <BR>width:inherit; <BR>height:inherit; <BR>} <BR>.Div_AlertWindow { <BR>margin:auto; <BR>width:200px; <BR>height:100px; <BR>background-color:lightblue; <BR>border:5px solid #f00; <BR>} <BR></style> <br><script type="text/javascript"> <BR>window.onload = function () { <BR>var alertWindow = $("alertParent"); <BR>alertWindow.style.width = window.screen.availWidth + "px"; <BR>alertWindow.style.height = window.screen.height + "px"; <BR>$("Sure").onclick = function () { <BR>alertWindow.style.visibility = "hidden"; <BR>} <BR>} <BR>function ShowAlert() { <BR>var alertWindow = $("alertParent"); <BR>alertWindow.style.visibility = "visible"; <BR>} <BR>$ = function (id) { <BR>return document.getElementById(id); <BR>} <BR></script> <br> <br> <br><div id="alertParent" class="Div_Scroll"> <br><div class="Div_Scroll_Content"> <br><div id="AlertWindow" class="Div_AlertWindow"> <br><input type="button" id="Sure" value="close alert Dialog..."> <br> </div> <br> </div> <br> </div> <br><div style="height:1300px; padding-top:200px;"> <br><input id="alertButton" type="button" onclick="ShowAlert();" value="Show alert Dialog..."> <br> </div> <br> <br> <br> </div> <br>添加遮罩层
