Este artigo descreve o método de lançar a camada divuladora de divisão centrada por JS+CSS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> JS+CSS aparece a camada de fundo translúcida de fundo centralizada </ititle>
<style type = "text/css">
corpo {margem: 0px;}
#bg {largura: 100%; altura: 100%; topo: 0px; esquerda: 0px; posição: absoluto; filtro: alfa (opacidade = 50); opacidade: 0,5; Antecedentes:#000000; Exibição: Nenhum;}
#popBox {Posição: Absoluto; largura: 400px; Altura: 400px; Esquerda: 50%; TOP: 50%; margem: -200px 0 0 -200px; Exibir: Nenhum; Antecedentes:#666666;}
</style>
<script type = "text/javascript">
function pupopen () {
document.getElementById ("bg"). style.display = "bloco";
document.getElementById ("PopBox"). style.display = "bloco";
}
função pupclose () {
document.getElementById ("bg"). style.display = "nenhum";
document.getElementById ("PopBox"). style.display = "nenhum";
}
</script>
</head>
<Body>
</br>
A camada pop-up do CSS, ou janela pop-up, possui uma caixa pop-up de fundo translúcida, é muito adequada para login de sites, registro de usuários e avisos de anúncio. </br> IE e FF, OP pode ~ Janela pop-up, o fundo é translúcido </br>
Princípio: duas camadas, uma tem uma altura e largura de 100%, e a outra é o conteúdo específico da janela que você deseja aparecer. Na Opacidade de Uso de ONE: 0,60;
</br> </br> <a href = "#" onclick = "puppen ()"> clique aqui para abrir a janela </a>
<div id = "bg"> </div>
<div id = "PopBox"> Duas camadas, uma tem uma altura e largura de 100%, e a outra é o conteúdo específico da janela que você deseja aparecer. Translúcido é usado no IE: filtro: alfa (opacidade = 60); Na Opacidade de Uso de ONE: 0,60;
<br>
<br>
<br>
<a href = "#" onclick = "pupclose ()"> clique para fechar a janela </a>
</div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.