Foros del Web - Ver Mensaje Individual

omarMusic · #2 (**permalink**) 04/05/2011, 09:46

Algo básico seria lo siguiente:

Código HTML:

Ver original<html>
<head>
<style type="text/css">
* {margin: 0; padding: 0;}
#luces {position:absolute; background: #000; opacity: 0.8; filter:alpha(opacity=80); width: 100%; height: 100%; z-index: 4}
#video {text-align:center; background: yellow; position:absolute; margin: 100px 0px 0px 350px; width: 300px; height: 200; z-index: 5;}
#botonApagar {margin-top: 150px;}
</style>
<script type="text/javascript">
function apagar() {
    var luces = document.getElementById("luces").style
    luces.display = luces.display == "none"?"block":"none"
    var boton = document.getElementById("botonApagar")
    boton.value = luces.display == "none"?"Apagar":"Encender"
}
</script>
</head>
<body>
<div id="luces" style="display: none"></div>
<a href="#">Enlace</a>
<div id="video">
<input type="button" value="Apagar" onclick="apagar()" id="botonApagar" />
</div>
</body>
<html>

Saludos!