jQuery animate () Método
Exemplos
Ao alterar a altura de um elemento, o elemento de aplicação de animação:
$("#box").animate({height:"300px"});
});
tente »
Definição e Uso
animar método () para executar um atributo CSS animação personalizada definida.
Neste método, os elementos de estilo CSS para mudar de um estado para outro. valor da propriedade CSS está mudando gradualmente, de modo que você pode criar efeitos de animação.
Apenas valores numéricos podem criar animações (como "margin: 30px"). valor de cadeia não pode criar animações (como "background-color: red").
Dica: Use o "+ =" ou "- =" para criar uma animação relativa.
gramática
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值。 注意: 当与 animate() 方法一起使用时,该属性名称必须是驼峰写法: 您必须使用 paddingLeft 代替 padding-left,marginRight 代替 margin-right,依此类推。 可以应用动画的属性:
|
speed | 可选。规定动画的速度。 可能的值:
|
easing | 可选。规定在动画的不同点中元素的速度。默认值是 "swing"。 可能的值:
|
callback | 可选。animate 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 |
Sintaxe alternativo
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值(同上)。 |
options | 可选。规定动画的额外选项。 可能的值:
|
Tente - Exemplo
Use animar com a função de retorno de chamada ()
Como usar com um animado função de retorno () para repetir a animação.