
21/08/2007, 21:44
|
| | Fecha de Ingreso: julio-2006 Ubicación: sevilla
Mensajes: 251
Antigüedad: 18 años, 8 meses Puntos: 5 | |
Re: Interesante efecto, ¿Como lo realizo? Es todo con css y javascript, incluso creo que sin javascript se puede hacer
el css tiene dos capas una dentro de otra la primera ocupa todo el cuerpo de la pagina
#fondo{
background-image:url(gris.png);
width:100%;
height:100%;
visibility:hidden;
}
#Mensaje{
width:200px;
height:200px;
background-color:#000000;
color:#FFFFFF;
visibility:hidden;
}//importante ke no se vea al cargar la pagina ninguna de las dos capas
el html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body><input type="button" name="Ocultar" value="Anular" onclick="CapaOcultar('Fondo');CapaOcultar('mensaje ');"/>
<input type="button" name="Mostrar" value="Anular" onclick="CapaMostrar('Fondo');CapaMostrar('mensaje ');"/>
<div id="fondo"><div id="mensaje">aki pone el form o lo que desees enviar</div></div>
</body>
</html>
el javascript
function CapaOcultar(capa){
mo = document.getElementById(capa) // este es nuestro objeto
mo.style.display = "none" // ocultamos
}
function CapaMostrar(capa){
mo = document.getElementById(capa) // este es nuestro objeto
mo.style.display = "" // mostramos
} |