jQuery animate () metode
contoh
Dengan mengubah ketinggian unsur, unsur aplikasi animasi:
$("#box").animate({height:"300px"});
});
Coba »
Definisi dan Penggunaan
bernyawa metode () untuk melakukan atribut CSS animasi kustom set.
Dalam metode ini, unsur-unsur gaya CSS untuk mengubah dari satu negara ke yang lain. CSS nilai properti secara bertahap berubah, sehingga Anda dapat membuat efek animasi.
Hanya nilai numerik dapat membuat animasi (seperti "margin: 30px"). nilai string tidak dapat membuat animasi (seperti "background-color: red").
Tip: Gunakan "+ =" atau "- =" untuk membuat animasi relatif.
tatabahasa
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值。 注意: 当与 animate() 方法一起使用时,该属性名称必须是驼峰写法: 您必须使用 paddingLeft 代替 padding-left,marginRight 代替 margin-right,依此类推。 可以应用动画的属性:
|
speed | 可选。规定动画的速度。 可能的值:
|
easing | 可选。规定在动画的不同点中元素的速度。默认值是 "swing"。 可能的值:
|
callback | 可选。animate 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 |
alternatif Sintaks
参数 | 描述 |
---|---|
styles | 必需。规定产生动画效果的一个或多个 CSS 属性/值(同上)。 |
options | 可选。规定动画的额外选项。 可能的值:
|
Coba - Contoh
Gunakan bernyawa dengan fungsi callback ()
Cara menggunakan dengan bernyawa fungsi callback () untuk mengulang animasi.