复制代码代码如下:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> 简易弹出框 </title>
<style type = "text/css">
.mydiv {
Color de fondo: #FF6;
Border: 5px Solid #F90;
Text-Align: Center;
Línea de altura: 40px;
tamaño de fuente: 12px;
Font-Weight: Bold;
Índice Z: 99;
Ancho: 300px;
Altura: 120px;
Izquierda: 50%;/*ff IE7*/
arriba: 50%;/*ff IE7*/
margen-izquierda: -150px! IMPORTANTE;/ *FF IE7 */
margen-top: -60px! importante;/ *ff ie7 */
margen-top: 0px;
Posición: ¡fijo! IMPORTANTE;/*FF IE7*/
Posición: Absolute;/*ie6*/
_TOP: Expression (eval (document.compatmode &&
document.comPatMode == 'CSS1COMPAT')?
DocumentEelement.scrolltop + (document.documentelement.clientheight-this.offsetheight)/2:/*ie6*/
document.body.scrolltop + (document.body.clientheight - this.clientheight)/2);/*ie5 ie5.5*/
}
.bg {
Color de fondo: #CCC;
Ancho: 100%;
Altura: 100%;
Izquierda: 0;
arriba: 0;/*ff IE7*/
Filtro: alfa (opacidad = 10);/*es decir*/
Opacidad: 0.8;/*ff*/
índice z: 1;
Posición: ¡fijo! IMPORTANTE;/*FF IE7*/
Posición: Absolute;/*ie6*/
_TOP: Expression (eval (document.compatmode &&
document.comPatMode == 'CSS1COMPAT')?
DocumentEelement.scrolltop + (document.documentelement.clientheight-this.offsetheight)/2:/*ie6*/
document.body.scrolltop + (document.body.clientheight - this.clientheight)/2);/*ie5 ie5.5*/
}
/*El fin*/
</style>
<script type = "text/javaScript">
función showDiv () {
document.getElementById ('popDiv'). style.display = 'block';
document.getElementById ('bg'). style.display = 'block';
}
función cerrada () {
document.getElementById ('PopDiv'). style.display = 'none';
document.getElementById ('bg'). style.display = 'none';
}
</script>
</ablo>
<Body>
<div id = "PopDiv" style = "Display: None;"> <br/> 弹框内容 <br/>
<a href = "javaScript: cerrado ()"> 关闭 </a> </div>
<div id = "bg" style = "display: none;"> </div>
<div style = "Padding-top: 20px;">
<input type = "Subt" name = "" value = "点此弹框" onClick = "javaScript: showDiv ()" />
</div>
</body>
</html>