Código fuente de la caja de seguridad

1. Este es el efecto de capa de máscara;

2. Es una página web incrustada.

En realidad, no se necesita AJAX. Debido a que está mostrando otra página en la capa emergente, puede usar el anidamiento de iframe sin saltar a otras páginas.

En cuanto al efecto de la capa de máscara, siga las siguientes ideas:

1. Establezca la capa de máscara con una transparencia de 20.

2. Se activa el evento Al ejecutar una función js, su contenido es calcular el alto y el ancho de la página, y luego establecer el ancho y el alto de la capa de máscara para que sean iguales a ellos, oscureciendo así la página.

3. Establece una capa de ventana. Además, en la función js del evento de clic, calcule el ancho y el alto de la pantalla visible actual, superior e izquierda, y luego establezca esta capa de ventana en el centro. Además, esta capa de ventana requiere un iframe incrustado dentro de otra página que desee mostrar.

4. Escriba una función closePop() para implementar la capa de máscara oculta y la capa de ventana centrada. Después de hacer clic en el botón cerrar, llame a closePop() en js para cerrar la capa.

Solo necesitas escribir dos funciones js, una para mostrar la capa y otra para ocultar la capa. La dificultad es calcular el alto y el ancho de la página al mostrar las capas para que la capa de máscara enmascare completamente la página y la capa de ventana quede centrada.

No escribiré el código específico, principalmente las ideas.

Por supuesto, será mejor que encapsules el código para mostrar y cerrar la capa de máscara en una clase js y extraigas las * * * mismas partes para llamadas posteriores.

Hay muchos casos y códigos similares en Internet como referencia.