Hola,
Trato de hacer un efecto de transision para un div.
Pero el codigo no anda y me tilda la pc:
Código HTML:
<script>
var r=0;
var s=10;
var f=60;
var p=0;
function ver(){
var e= document.getElementById("fondo");
e.style.visibility="visible";
e.style.filter='alpha(opacity="'+r+'")';
if(r<f){
r=r+s;
abrir=window.setInterval("ver();",50);
}else{
window.clearInterval(abrir);
abrir=0;
}
}
function cerrar(){
var e= document.getElementById("fondo");
e.style.filter='alpha(opacity="'+r+'")';
if(r>0){
r=r-s;
salir=window.setInterval("cerrar();",50);
}else{
window.clearInterval(salir);
salir=0;
e.style.visibility="hidden";
}
}
</script>
<style type="text/css">
<!--
#fondo {
position:absolute;
left:1px;
top:1px;
width:100%;
visibility:hidden;
height:100%;
z-index:2;
filter:alpha(opacity="0");
background-color: #000000;
}
-->
</style><a href="#top" onClick="ver();">Ver</a>
<div id="fondo" title="Cilc aqui para cerrar" onclick="cerrar();"></div> Gracias
Salu2
