首頁 >web前端 >js教程 >js彈出的對話方塊永遠保持居中顯示_javascript技巧

js彈出的對話方塊永遠保持居中顯示_javascript技巧

WBOY
WBOY原創
2016-05-16 17:46:27911瀏覽
複製代碼代碼如下:





標題>

.Div_Scroll {
位置:固定;
邊距:-10px;
可見性:隱藏;
背景顏色:#808080000 ;
不透明度:0.6;
z-index:99;
}
.Div_Scroll_Content {
位置:相對;
保證金上限:20%;
寬度:繼承:繼承;
身高:繼承;
}
.Div_AlertWindow {
margin:auto;
寬度:200px;
高:100px;
背景顏色:淺藍色; 🎜>邊框:5px實心#f00;
}
樣式>

window.onload = function () {
var alertWindow = $("alertParent");
alertWindow.style.width = window.screen.availWidth "px";
alertWindow.style.height = window.screen.height "px";
$("當然").onclick = function () {
alertWindow.style.visibility = "隱藏";
}
}
function ShowAlert() {
var alertWindow = $("alertParent") ;
alertWindow.style.visibility = "可見";
}
$ = function (id) {
return document.getElementById(id);
}
腳本>>
頭>


;








身體>


新增遮光罩層
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn