jQuery:Animate()

De W3API
Saltar a: navegación, buscar

Contenido

Descripción

Ejecuta una animación sobre un elemento modificando sus propiedades CSS.

Sintaxis

animate( properties [, duration] [, easing] [, complete] )
animate( properties, options )

Parametros

  • properties, propiedades CSS que queremos modificar en la animación .
  • duration, duración, en milisegundos, de la animación.
  • easing, función que se ejecuta durante la animación.
  • complete, función a ejecutar cuando se termine la animación.
  • options, mapa de opciones que se le puede pasar al método. Las opciones que se pueden indicar son:
    • duration, duración, en milisegundos, de la animación.
    • easing, función que se ejecuta durante la animación.
    • complete, función a ejecutar cuando se termine la animación.
    • step, función a ejecutar en cada paso de la animación.
    • queue, booleano que indica si se pone la animación en la cola de efectos (valor true) o si se ejecuta inmediatamente (valor false).
    • speacialEasing, mapa con una o más propiedades CSS definidas en los argumentos de las funciones de easing.

Ejemplo

$(document).ready(function(){
	$("#logo").mouseover(function(){
       $(this).animate({height:'150px'},2000);
    });

    $("#logo").mouseout(function(){
        $(this).animate({height:'50px'});
    }); 
});

Lineas de Código

Herramientas personales
Espacios de nombres
Variantes
Acciones
Navegación
api's
webs
Herramientas