como se hace un efecto cortina?

sanapo · #1 (**permalink**) 04/08/2004, 01:44

Hola a todos, me gustaria saber como se hace el efecto que tiene el apartado buscar del menu de estos foros, yo se que es un div con el que hacen esa animación.

Exactamente lo que busco hacer es aumentar el alto de un div progresivamente durante un tiempo determinado para conseguir un efecto de cortina en el que posteriormente meto una imagen

sabeis como hacerlo? es para un trabajo que tengo que hacer

un saludo

KarlanKas · #2 (**permalink**) 04/08/2004, 05:08

Prueba con esto:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script language="JavaScript">
	var pepe;
	
	function dale(a){
		esto=document.getElementById("capa");
		este=parseInt(esto.style.height);
		if(este>=20 &&este<=500){
			cuanto=a*10;
			este+=cuanto;
			esto.style.height=este+"px";
		}
	else{
		esto.style.height=(este-cuanto)+"px"
		limpiar();
		}
	}
	function aumentar(cuanto){
		limpiar();
		pepe=setInterval("dale("+cuanto+")",50);
	}
	
	function limpiar(){
	clearInterval(pepe);
	}
	</script>
</head>

<body>
<div id="capa" 
style="border:solid 1px black;width:300px;height:20px;" 
onmouseover="aumentar(1)" 
onmouseout="aumentar(-1)">
</div>


</body>
</html>

sanapo · #3 (**permalink**) 04/08/2004, 06:10

muchisimas gracias karlankas, si trabajas con php y tienes cualkier duda enviame un mensaje privado
un saludo

KarlanKas · #4 (**permalink**) 04/08/2004, 06:30

De nada!

Claro que trabajo en PHP así que te tomo la palabra. Pero mis dudas las publicaré en los foros. Así podras ayudar con tus respuestas a más gente que a mi. Un saludo!!