Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<Голова>
<Название> новый документ </title>
<meta charset = "utf-8">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<Meta name = "Author" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "description" content = "">
<стиль типа = "text/css">
*
{
Заполнение: 0px;
поля: 0px;
}
#Idiv
{
Ширина: 900px;
Высота: Авто;
позиция: абсолютно;
Z-Index: 1000;
Граница: 2px solid #ffffff;
Фон: #ffffff;
}
</style>
</Head>
<тело>
<div id = "idiv" style = "display: none;">
<a href = "javaScript: void (0)" onclick = "blosfitiv ()"> Нажмите, чтобы закрыть слой </a>
<br/> Различия в document.documentelement <br/> Различия в document.documentelement
</div>
<Div> <a href = "javascript: void (0)" id = "show" onclick = "show ()"> нажмите, чтобы открыть всплывающий слой! </div>
</body>
<script langue = "javascript">
Функция show ()
{
variv = document.getElementById ("IDIV");
Idiv.style.display = "block";
// Следующие детали должны быть центрированы для отображения всплывающего слоя
Idiv.style.left = (document.documentelement.clientwidth-idiv.clientwidth) /2+document.documentelement.scrollleft+ "px";
//alert(document.body.scrolltop)
var aa_scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
Idiv.style.top = (document.documentelement.clientHeight-IDiv.ClientHeight)/2+aa_scrolltop+"px";
// Здесь есть проблема. Всплывающий слой центрируется влево и вправо, но высота не централизована, и он отображается в верхней части, что приводит к невидимой части //. Так что временно добавьте маржинику ниже.
// Следующие части делают всю страницу серо
var procbg = document.createElement ("div"); // Сначала создать див
procbg.setattribute ("id", "mybg"); // Определить идентификатор DIV
procbg.style.background = "#000000";
procbg.style.width = "100%";
procbg.style.height = "100%";
procbg.style.position = "fixed";
procbg.style.top = "0";
procbg.style.left = "0";
procbg.style.zindex = "500";
procbg.style.opacity = "0,6";
procbg.style.filter = "alpha (непрозрачность = 70)";
// Отмена прокрутки
document.body.appendchild (procbg);
document.body.style.overflow = "auto";
// Следующие части осознают эффект перетаскивания всплывающего слоя (если вы хотите переместить DIV во всплывающем слое, просто выберите и удалите следующее)
/*
var posx;
var posy;
Idiv.onmousedown = function (e)
{
if (! e) e = window.event; // т.е.
posx = e.clientx - parseint (idiv.style.left);
posy = e.clienty - parseint (idiv.style.top);
document.onmouseMove = mouseMove;
}
document.onmouseup = function ()
{
document.onmouseMove = null;
}
Функция MouseMove (EV)
{
if (ev == null) ev = window.event; // т.е.
Idiv.style.left = (ev.clientx - posx) +"px";
Idiv.style.top = (ev.clienty - posy) +"px";
}*/
}
функция закрыто
{
variv = document.getElementById ("IDIV");
var mybg = document.getElementbyId ("mybg");
document.body.removechild (mybg);
Idiv.style.display = "none";
document.body.style.overflow = "auto"; // восстановить страницу Scrollbar
//document.getElementByid("mybg").style.display="none ";
}
</script>
</Html>
// Измените приведенный выше всплывающий слой и сделайте свою собственную функцию загрузки. Определите, была ли страница загружена, и скрыть загрузку.gif после завершения
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<название> новый документ </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<body onload = "ubsomething ()">
</body>
<script type = "text/ecmascript">
Функция Show (AddicImg, IMG_W, IMG_H) {
// Получить высоту страницы
var h = (document.documentelement.clientheight> document.documentelement.clientheight)? document.documentelement.scrollheight: document.documentelement.clientheight;
// Получить ширину страницы
var w = (document.documentelement.scrollwidth> document.documentelement.clientWidth)? document.documentelement.scrollwidth: document.documentelement.scrollwidth;
var procbg = document.createElement ("div"); // Сначала создать див
procbg.setattribute ("id", "mybg"); // Определить идентификатор DIV
procbg.style.background = "#555";
procbg.style.width = "100%";
procbg.style.height = "100%";
procbg.style.position = "fixed";
procbg.style.top = "0";
procbg.style.left = "0";
procbg.style.zindex = "500";
procbg.style.opacity = "0,6";
procbg.style.filter = "alpha (непрозрачность = 70)";
// Отмена прокрутки
document.body.appendchild (procbg);
document.body.style.overflow = "auto";
var pimg = document.createElement ("img"); // Создать IMG
pimg.setattribute ("id", "bg_img"); // Определить идентификатор DIV
pimg.setattribute ("src", addressimg); // Определить идентификатор DIV
var img_w = (w - img_w) / 2;
var img_h = (h - img_h) / 2;
pimg.style.top = img_h + "px";
pimg.style.left = img_w + "px";
pimg.style.position = "fixed";
pimg.style.opacity = "0,9";
document.getElementbyId ("mybg"). AppendChild (PIMG);
}
функция закрыто
{
var mybg = document.getElementbyId ("mybg");
document.body.removechild (mybg);
document.body.style.overflow = "auto"; // восстановить страницу Scrollbar
//document.getElementByid("mybg").style.display="none ";
}
show ('загрузка/загрузка3.gif', '100', '100');
Document.onreadyStateChange = subsomething; // выполнить этот метод, когда изменяется состояние загрузки страницы.
function inpomething () {
if (document.readystate == "overse") {// Ввод, когда состояние загрузки страницы полностью закончено
закрытый ();
}
}
</script>
</html>