Posted on 2009-09-10 22:33
S.l.e!ep.￠% 閱讀(523)
評論(0) 編輯 收藏 引用 所屬分類:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html;" />
<title>無標題文檔</title>
<script language="javascript">
function alertWin(title, msg, w, h)
{
?var bordercolor = "#FFFFFF"; // 提示窗口的邊框顏色
?var bgcolor???? = "#000000"; // 提示內容的背景色
?
?var nWidth? = document.documentElement.clientWidth;?
?var nHeight = document.documentElement.clientHeight;
?var objDiv = document.createElement("div");
?objDiv.style.cssText = "position:absolute;left:0px;top:0px;width:" +
?????????????????????????????? nWidth +
?????????????????????????????? "px;height:" +
?????????????????????????????? Math.max(document.body.clientHeight, nHeight) +
?????????????????????????????? "px;filter:Alpha(Opacity=50);opacity:0.3;background-color:#000000;z-index:101;";
?document.body.appendChild(objDiv);
?
?var objMsg = document.createElement("div");
?objMsg.style.cssText = "position:absolute;font:11px '宋體';top:" + (nHeight-h) / 2 + "px;" +
?????????????????????????????? "left:" + (nWidth - w) / 2 +
?????????????????????????????? "px;width:"+w+"px;height:" + h +
?????????????????????????????? "px;px;filter:Alpha(Opacity=60);text-align:center;border:1px solid " + bordercolor + ";background-color:" + bgcolor + ";padding:1px;line-height:22px;z-index:102;";
?document.body.appendChild(objMsg);
???????
??????? objMsg.innerHTML = "<font color=#FFFFFF><h2 align=absmiddle vertical-align=center><pre>" + msg + "</pre></h2></font>";
??????? setTimeout( function(){ document.body.removeChild(objDiv); document.body.removeChild(objMsg); }, 2000);
}
</script>
</head>
<body>
<input type="button" value="點這里" onclick="alertWin('標題','這里是內容',300,200);" />
</body>
</html>