Hola:
Unas pocas líneas:
Código:
function tag(id) {return document.getElementById(id);}
var oscuro = false;
function oscurecer() {
if (!oscuro) {
d = document.createElement("div");
d.id = "obscuro"
d.style.position = "fixed";
d.style.top = "0";
d.style.left = "0";
d.style.opacity = 0;
d.style.width = "100%";
d.style.height = "100%";
d.style.backgroundColor = "black";
document.body.appendChild(d);
}
for (i = 0; i < 100; i++) setTimeout("tag('obscuro').style.opacity = " + i / 10, i * 100);
}
En la capa a mostrar faltaría un botón para "aclarar"...
Saludos