Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/05/2011, 09:46
omarMusic
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 10 años, 9 meses
Puntos: 10
Respuesta: como hacer Efecto "cine"

Algo básico seria lo siguiente:

Código HTML:
Ver original
  1. <style type="text/css">
  2. * {margin: 0; padding: 0;}
  3. #luces {position:absolute; background: #000; opacity: 0.8; filter:alpha(opacity=80); width: 100%; height: 100%; z-index: 4}
  4. #video {text-align:center; background: yellow; position:absolute; margin: 100px 0px 0px 350px; width: 300px; height: 200; z-index: 5;}
  5. #botonApagar {margin-top: 150px;}
  6. <script type="text/javascript">
  7. function apagar() {
  8.     var luces = document.getElementById("luces").style
  9.     luces.display = luces.display == "none"?"block":"none"
  10.     var boton = document.getElementById("botonApagar")
  11.     boton.value = luces.display == "none"?"Apagar":"Encender"
  12. }
  13. </head>
  14. <div id="luces" style="display: none"></div>
  15. <a href="#">Enlace</a>
  16. <div id="video">
  17. <input type="button" value="Apagar" onclick="apagar()" id="botonApagar" />
  18. </div>
  19. </body>

Saludos!