Efecto persiana

venedan · #1 (**permalink**) 16/03/2008, 20:37

he estado haciendo este ejemplo para crear un efecto persiana pero por mas vuelta que le doy no consigo que se logre el efecto este es el codigo que tengo

Código PHP:

  <html> 
<head> 
<script language="javascript"> 
var abajo = 1; 
 function efecto() { 
    var obj = document.getElementById("imagen"); 
    obj.style.position = "absolute"; 
    while(abajo<200) { 
    obj.style.clip = "rect(0px 200px"+abajo+"px 0px)";  
    abajo++; 
    } 
  setInterval("efecto()",1000); 
 } 
</script> 
</head> 
<body onLoad="efecto()"> 
<img src="landscape.jpg" id="imagen" /> 
</body> 
</html>

ZiTAL · #2 (**permalink**) 17/03/2008, 05:17

Código:

obj.style.clip = "rect(0px, 200px,"+abajo+"px, 0px)";