Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/10/2012, 16:40
isabelramirezmontoya
 
Fecha de Ingreso: noviembre-2010
Mensajes: 204
Antigüedad: 13 años, 5 meses
Puntos: 1
Efecto traspariencia

Chicos quiero ponerle un efecto a mi pagina pero no se como hacerlo, me ayudan por favor, lo he visto en varias paginas pero no logro saber como se hace

Tengo un pagina con un boton el cual al ser presionado abre una capa sobre la pagina principal, esto funciona muy bien.

Yo quiero que cuando se oprima el boton, la pagina principal tenga efecto traspariencia y la capa se abra en primer plano de forma normal sin ningun efecto. (Similar al efecto que tienen las ventanas ALERT() de javascript)

Código HTML:
Ver original
  1.  
  2.  
  3. <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
  4.  
  5. <title>Formulario</title>
  6.  
  7. </head>
  8.  
  9.  
  10. <script language="JavaScript">
  11.  
  12. function abrir_capa()
  13. {
  14. var ventana = document.getElementById('capa');
  15. ventana.style.marginTop = "40px";
  16. ventana.style.marginLeft = ((document.body.clientWidth-540) / 2) +  "px";
  17. ventana.style.display = 'block';
  18. }
  19.  
  20. <a href="javascript:abrir_capa();">Abrir Capa</a>
  21.  
  22. <div id="capa">
  23.  
  24. </div>
  25.  
  26. </body>
  27. </html>

Gracias

Última edición por isabelramirezmontoya; 13/10/2012 a las 16:52