Foros del Web » Programando para Internet » Javascript »

Como cambiar el tamaño de un div animadamente

Estas en el tema de Como cambiar el tamaño de un div animadamente en el foro de Javascript en Foros del Web. Estimados Necesito crear un efecto y no encuentro la formula por ninguna parte: Tengo un div "hola" 100% de ancho y 80px de alto y ...
  #1 (permalink)  
Antiguo 09/01/2012, 20:57
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 18 años, 5 meses
Puntos: 1
Como cambiar el tamaño de un div animadamente

Estimados

Necesito crear un efecto y no encuentro la formula por ninguna parte:

Tengo un div "hola" 100% de ancho y 80px de alto y a este quiero hacer un efecto que al posarme sobre el se agrande a 200px de alto pero de forma animada. osea que pase el div de 80px a 200px y si me salgo del div que se devuelva a 80px.

No se si me explico asi como lo hacen en el menu de este sitio http://www.jwilouvres.com.au/ si ven al posarme sobre el div negro este crece animadamente.

Como lo puedo hacer, muchas gracias por su tiempo.
  #2 (permalink)  
Antiguo 09/01/2012, 22:11
 
Fecha de Ingreso: enero-2011
Mensajes: 13
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Como cambiar el tamaño de un div animadamente

Hola!
Una posibilidad podría ser usar jQuery UI que tiene varias cosas que podrían crear ese efecto. Este ejemplo de aquí genera algo parecido:
[URL="http://jqueryui.com/demos/addClass/"]http://jqueryui.com/demos/addClass/[/URL]
quizás podrías hacer un cambio de clase bueno para que se genere el efecto tal como en esa página.
Espero te ayude.

Saludos!
  #3 (permalink)  
Antiguo 10/01/2012, 07:15
Avatar de Dnielf  
Fecha de Ingreso: diciembre-2008
Ubicación: 127.0.0.1
Mensajes: 72
Antigüedad: 15 años, 4 meses
Puntos: 14
Respuesta: Como cambiar el tamaño de un div animadamente

O también http://api.jquery.com/animate/
__________________
"Si aprender quieres, librerías usar no debes"

Etiquetas: tamaño
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:36.