Metodo jQuery animate ()
Esempi
Cambiando l'altezza di un elemento, l'elemento di applicazioni di animazione:
$("#box").animate({height:"300px"});
});
Prova »
Definizione e utilizzo
animare il metodo () per eseguire un attributo CSS animazione personalizzata impostata.
In questo metodo, gli elementi di stile CSS per cambiare da uno stato all'altro. valore della proprietà CSS sta gradualmente cambiando, in modo da poter creare effetti di animazione.
Solo i valori numerici possono creare animazioni (come "margin: 30px"). Valore stringa non può creare animazioni (come "background-color: red").
Suggerimento: Utilizzare il "+ =" o "- =" per creare un'animazione relativa.
grammatica
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值。 注意: 当与 animate() 方法一起使用时,该属性名称必须是驼峰写法: 您必须使用 paddingLeft 代替 padding-left,marginRight 代替 margin-right,依此类推。 可以应用动画的属性:
|
speed | 可选。规定动画的速度。 可能的值:
|
easing | 可选。规定在动画的不同点中元素的速度。默认值是 "swing"。 可能的值:
|
callback | 可选。animate 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 |
sintassi alternativa
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值(同上)。 |
options | 可选。规定动画的额外选项。 可能的值:
|
Prova - Esempio
Utilizzare animare con funzione di callback ()
Come utilizzare con una funzione di callback animate () per ripetere l'animazione.