jQuery animado método ()
Ejemplos
Al cambiar la altura de un elemento, el elemento de aplicación de animación:
$("#box").animate({height:"300px"});
});
Trate »
Definición y Uso
animar () para realizar un atributo CSS animación personalizada establecida.
En este método, los elementos de estilo CSS para cambiar de un estado a otro. valor de la propiedad CSS está cambiando poco a poco, por lo que puede crear efectos de animación.
Sólo los valores numéricos pueden crear animaciones (como "margen: 30px"). Valor de la cadena no puede crear animaciones (como "background-color: red").
Consejo: Utilice el signo "+ =" o "- =" para crear una animación relativa.
gramática
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值。 注意: 当与 animate() 方法一起使用时,该属性名称必须是驼峰写法: 您必须使用 paddingLeft 代替 padding-left,marginRight 代替 margin-right,依此类推。 可以应用动画的属性:
|
speed | 可选。规定动画的速度。 可能的值:
|
easing | 可选。规定在动画的不同点中元素的速度。默认值是 "swing"。 可能的值:
|
callback | 可选。animate 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 |
sintaxis alternativo
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值(同上)。 |
options | 可选。规定动画的额外选项。 可能的值:
|
Trate - Ejemplo
Utilice la animación con la función de devolución de llamada ()
Cómo utilizar con una animada llamada de retorno () para repetir la animación.