Boolean yang menunjukkan apakah akan menempatkan animasi dalam antrean efek. Jika salah, animasi akan segera dimulai. Pada jQuery 1. 7, opsi antrean juga dapat menerima string, dalam hal ini animasi ditambahkan ke antrean yang diwakili oleh string tersebut. Saat nama antrean khusus digunakan, animasi tidak dimulai secara otomatis; specialEasing Jenis. Objek yang berisi satu atau lebih properti CSS yang ditentukan oleh argumen properti dan fungsi easing terkaitnya. (versi ditambahkan. 1. 4) melangkah Jenis. (sekarang, dua belas) Fungsi yang akan dipanggil untuk setiap properti animasi dari setiap elemen animasi. Fungsi ini memberikan kesempatan untuk memodifikasi objek Tween untuk mengubah nilai properti sebelum disetel kemajuan Jenis. (animasi, progres, sisaMs) Fungsi yang akan dipanggil setelah setiap langkah animasi, hanya sekali per elemen animasi terlepas dari jumlah properti animasi. (versi ditambahkan. 1. 8) menyelesaikan Jenis. () Fungsi yang dipanggil setelah animasi pada elemen selesai Mulailah Jenis. (animasi) Fungsi yang akan dipanggil saat animasi pada elemen dimulai. (versi ditambahkan. 1. 8) selesai Jenis. (animasi, jumpToEnd) Fungsi yang akan dipanggil saat animasi pada elemen selesai (objek Promise-nya diselesaikan). (versi ditambahkan. 1. 8) gagal Jenis. (animasi, jumpToEnd) Fungsi yang akan dipanggil saat animasi pada elemen gagal diselesaikan (objek Promise-nya ditolak). (versi ditambahkan. 1. 8) selalu Jenis. (animasi, jumpToEnd) Fungsi yang akan dipanggil saat animasi pada elemen selesai atau berhenti tanpa selesai (objek Promise-nya diselesaikan atau ditolak). (versi ditambahkan. 1. 8) versi ditambahkan. 1. 4. 3
Metode 1 menganimasikan ketinggian elemen yang cocok. Hal ini menyebabkan bagian bawah halaman meluncur ke bawah, memberi jalan bagi item yang terungkap Durasi diberikan dalam milidetik; . String 2 dan 3 dapat diberikan untuk menunjukkan durasi masing-masing 4 dan 5 milidetik. Jika ada string lain yang diberikan, atau jika parameter 6 dihilangkan, durasi default 400 milidetik digunakanKami dapat menganimasikan elemen apa pun, seperti gambar sederhana 1 2 3 4 _ Dengan elemen yang awalnya tersembunyi, kita dapat menampilkannya secara perlahan 1 2 3 4 5 Gambar 1 - Ilustrasi efek 8 MelonggarkanPada jQuery 1. 4. 3, string opsional yang menamai fungsi pelonggaran dapat digunakan. Fungsi easing menentukan kecepatan perkembangan animasi di berbagai titik dalam animasi. Satu-satunya implementasi easing di library jQuery adalah default, disebut 0. Lebih banyak fungsi pelonggaran tersedia dengan penggunaan plug-in, terutama jQuery UI suite Fungsi Panggilan BalikJika disediakan, panggilan balik diaktifkan setelah animasi selesai. Ini dapat berguna untuk merangkai animasi yang berbeda secara berurutan. Callback tidak mengirimkan argumen apa pun, tetapi 1 disetel ke elemen DOM yang dianimasikan. Jika beberapa elemen dianimasikan, penting untuk diperhatikan bahwa callback dijalankan sekali per elemen yang cocok, bukan sekali untuk animasi secara keseluruhan Pada jQuery 1. 6, metode 2 dapat digunakan bersamaan dengan metode 3 untuk mengeksekusi satu panggilan balik untuk animasi secara keseluruhan ketika semua elemen yang cocok telah menyelesaikan animasinya ( Lihat ) catatan tambahan
ContohMenganimasikan semua div untuk meluncur ke bawah dan menampilkan dirinya sendiri selama lebih dari 600 milidetik 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 _ DemoMenganimasikan semua input untuk meluncur ke bawah, menyelesaikan animasi dalam 1000 milidetik. Setelah animasi selesai, tampilan input diubah terutama jika input tengahlah yang mendapatkan fokus Bisakah transisi CSS ditampilkan?tampilan bukanlah salah satu properti tempat transisi berfungsi . Lihat properti CSS yang dapat dianimasikan untuk daftar properti CSS yang dapat menerapkan transisi padanya.
Apakah properti tampilan dapat dianimasikan?Seperti yang mungkin sudah Anda ketahui, transisi dan animasi CSS memungkinkan Anda menganimasikan sekumpulan properti CSS tertentu. Salah satu properti yang tidak bisa dianimasikan adalah properti display . |