Предположим, у нас есть контейнер-контейнер следующим образом:
Скопируйте код кода следующим образом:
<style type="text/css">
#container {ширина: авто; высота: авто; переполнение: скрыто;}
/*Атрибут overflow:hidden; здесь главным образом предназначен для автоматического скрытия части за пределами контейнера. Причина, по которой этот атрибут установлен, заключается в решении проблемы совместимости браузера с версиями IE8 и ниже*/.
</стиль>
<div id="контейнер" >
</div>
Теперь мы хотим открыть на веб-странице слой div, чтобы контейнером нельзя было управлять до закрытия всплывающего слоя div.
Затем нам сначала нужно определить слой div этой маски следующим образом:
Скопируйте код кода следующим образом:
<div id="континер">
<!―Просто поместите слой маски внутрь контейнера.
<divid="shade" style="width:1600px;height:900px;/*Присвойте масочному слою начальный размер*/">
<input name="закрыть" id="закрыть" value="закрыть">
</div>
</div>
Затем используйте js, чтобы слой маски всегда отображался на экране и чтобы нельзя было манипулировать содержимым слоя маски. Нажмите кнопку закрытия, чтобы закрыть слой маски.
Скопируйте код кода следующим образом:
<тип сценария="текст/javascript">
$(функция(){
//Получаем внутреннюю ширину и высоту текущего браузера
varnWidth = window.innerWidth;
varnHeight = window.innerHeight;
//Устанавливаем ширину и высоту слоя маски
$("#shade").width(nWidth);
$("#shade").height(nHeight);
//Установим кнопку закрытия, которая будет отображаться в центре
$("#close").css("margin-top",nHeight/2-50+"px");
//Устанавливаем событие, которое срабатывает при изменении размера браузера
$(окно).resize(функция(){
//Получаем внутреннюю ширину и высоту текущего браузера
varnWidth = window.innerWidth;
varnHeight = window.innerHeight;
//Устанавливаем ширину и высоту слоя маски
$("#shade").width(nWidth);
$("#shade").height(nHeight);
//Установим кнопку закрытия, которая будет отображаться в центре
$("#putPwd").css("margin-top",nHeight/2-50+"px");
});
//Установим кнопку закрытия, чтобы удалить слой маски
$("#close").click(function(){
$("#shade").removeAttr("id");
$("#shade").html("");
});
//Его также можно написать на чистом js
Document.getElementById(“тень”).style…….;
//Больше говорить потом бесполезно. Если вам интересно, но вы действительно не знаете, как писать, вы можете связаться со мной.
})
</скрипт>