Foros del Web » Programando para Internet » Javascript »

Animacion Javascript

Estas en el tema de Animacion Javascript en el foro de Javascript en Foros del Web. Buenas, como estan? Necesito una ayuda de alguno que la tenga bien clara con esto de hacer cosas en javascript, voy a copiar el codigo. ...
  #1 (permalink)  
Antiguo 08/02/2008, 06:52
 
Fecha de Ingreso: diciembre-2007
Mensajes: 30
Antigüedad: 16 años, 5 meses
Puntos: 0
Animacion Javascript

Buenas, como estan?
Necesito una ayuda de alguno que la tenga bien clara con esto de hacer cosas en javascript, voy a copiar el codigo.

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-type" content="text/javascript">
<meta http-equiv="content-type" content="text/css">

<script type="text/javascript">
var altura = 0;
var velocidad = 10;

function extender() {
var objeto = document.getElementById('texto');
objeto.style.visibility = 'visible';
altura += velocidad;
if (!(altura >= 250)) {
objeto.style.height = altura;
window.setTimeout ("extender();", 20);
}
}

function contraer() {
var objeto2 = document.getElementById('texto');
altura -= velocidad;
if (!(altura <= 0)) {
objeto2.style.height = altura;
window.setTimeout ("contraer();", 20);
} else {
objeto2.style.visibility = 'hidden';
objeto2.style.height = '0px';
}

}
function extender_contraer () {
if (altura <= 0) {
extender();
} else {
contraer();
}
}
//margin: 300px;
</script>

<style type="text/css">
body {
padding: 0px;
}
#boton {
border:solid 2.5px;
border-colour:blue;
top:80px; left:50px;
width: 140; height: 20px;
background-color:#c3e3c2;
text-align:center;
cursor:pointer;
text-colour:#111B46;
text-decoration: underline;
}

#texto {
width: 140; height: 70px;
background-color:#D2D2D2;
visibility:hidden;
overflow:hidden;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;
}

</style><title></title></head><body>
<div style="visibility: hidden; height: 0px;" id="texto">
Esto es un ejemplo de DHTML, es un efecto creado con JavaScript.
Texto simulado: Ya hace tres semanas que acabaron los Talleres de verano Subflash
2006 y la verdad es que un año más han sido unos dias entrañables
que dan pie a que el siguiente (por cierto el 5º ya) esto sea posible
nuevamente.<br>
Esta vez se han ocupado de ello Marcos González y Andrés Cayón
que, con gran afán se preocuparon de que a nadie le faltara de nada.<br>

Además del nivel en cuanto a risas, comida Asturiana y Sidra, que no
faltó, los talleres fueron buenos e inspiradores.<br>
Destaco inicialmente la charla de Alejandro Sánchez acerca de las redes
sociales y represntación de la información, durante la cual se
ocupó de mostrar como este tipo de trabajos pueden ayudar en muchos
casos a facilitar la legibilidad/navegabilidad de información compleja.
En su blog se puede seguir (entre otras cosas) su trabajo de investigación
en relación al tema con buenos enlaces comentados por él mismo.</div>
<div id="boton" onclick="extender_contraer ()">Tareas Pendientes</div>
</body></html>

Si quieren pruebenlo que anda. Lo que hace es que al clikearlo se expande un detalle hacia abajo. Lo que yo necesito es que ese detalle se expanda hacia arriba.

Gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:48.