Foros del Web » Programando para Internet » Javascript »

Animar elemento con Javascript

Estas en el tema de Animar elemento con Javascript en el foro de Javascript en Foros del Web. Hola me gustaria saber si alguien sabe como poder animar un elemento, por ejemplo un div que al cargar la pagina, se eleve hacia la ...
  #1 (permalink)  
Antiguo 23/08/2012, 15:12
 
Fecha de Ingreso: febrero-2012
Mensajes: 18
Antigüedad: 12 años, 2 meses
Puntos: 0
Pregunta Animar elemento con Javascript

Hola me gustaria saber si alguien sabe como poder animar un elemento, por ejemplo un div que al cargar la pagina, se eleve hacia la parte de arriba de la pagina y desaparesca. ejemplo, un globo esta en la mitad de la pagina, cuando uno abra esa pagina y se carge el globo se eleve y se pierda de vista.
Espero haberme explicado bien, gracias de antemano.

Saludos.
  #2 (permalink)  
Antiguo 23/08/2012, 15:21
3nr1c
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Animar elemento con Javascript

Si ya tienes un css para el globo:

Código Javascript:
Ver original
  1. //usando jQuery
  2. $(window).load(function(){
  3.   var height = $('#globo').height();
  4.   $('#globo').animate({top:-height},2000);
  5. });

Un saludo
  #3 (permalink)  
Antiguo 23/08/2012, 15:27
 
Fecha de Ingreso: febrero-2012
Mensajes: 18
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Animar elemento con Javascript

Cita:
Iniciado por 3nr1c Ver Mensaje
Si ya tienes un css para el globo:

Código Javascript:
Ver original
  1. //usando jQuery
  2. $(window).load(function(){
  3.   var height = $('#globo').height();
  4.   $('#globo').animate({top:-height},2000);
  5. });

Un saludo
Muchas gracias eso era lo que necesitaba, encerio te lo agradesco mucho, saludos.
  #4 (permalink)  
Antiguo 23/08/2012, 19:21
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Animar elemento con Javascript

Hola:

Evidentemente la respuesta está planteada con alguna librería, pero no es necesario cargarla para este tipo de efectos... simplemente con un temporizador que varíe la posición del globo (con posicionamiento absoluto) se obtiene el resultado.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: animar, elemento
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 21:13.