¿Cómo hacer una transición para que desaparezca una capa?

Dani392 · #1 (**permalink**) 25/03/2008, 01:40

Hola,

Quisiera que una capa fuera volviendose transparente hasta desaparecer. ¿Alguien sabe hacerlo?

JavierB · #2 (**permalink**) 25/03/2008, 05:47

Hola Dani392

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var pepe;
var traspa=100;
function desaparecer() {
  obj = document.getElementById('cap');
  traspa = traspa - 1;
  obj.style.filter='alpha(opacity=' + traspa + ')'; // explorer
  obj.style.MozOpacity = traspa/100; // Firefox
  if (traspa==0) clearInterval(pepe);
}
</script>
</head>
<body>
<div id="cap" style="width:400px; height:400px; background:red">Capa</div>
<input type="button" value="Desaparece" onclick="pepe=setInterval('desaparecer()',50)" />
</body>
</html>

Saludos,