Jika Anda pernah menggunakan perangkat lunak pengeditan video — apakah itu Windows Movie Maker atau Adobe Premiere Pro — kemungkinan besar Anda sudah familiar dengan transisi video fade-in dan fade-out. Mereka sangat efektif untuk menciptakan nuansa yang bagus dan halus, dan tidak ada alasan mengapa Anda tidak dapat memilikinya di gudang senjata Anda saat Anda memprogram aplikasi web.
Kode pendek ini memungkinkan Anda untuk dengan mudah memudarkan konten masuk dan keluar tanpa mengetahui cara memprogram di jQuery atau JavaScript
[memb_fade fadeout=5] Show this immediately, and hide it again after 5 seconds. [/memb_fade][memb_fade delayshow=10 delayhide=5] Show after 10 seconds, and hide it again 5 seconds later. [/memb_fade]
my external div
[memb_fade id='test' fadeout='5'][/memb_fade][memb_fade style="color:red" fadeout=0 delayshow=3 fadeshow=3 delayhide=3 fadehide=3]Test Content[/memb_fade][memb_fade fadeout='5' fadeout_function="runThis()"] Show this immediately, and hide it again after 5 seconds. Run the runThis() function when complete.[/memb_fade]Indo. Nama ID CSS yang ada untuk menerapkan efek animasi. Jika konten dibungkus Jika tidak ada ID yang diberikan, sebuah ID. Jika tidak ada ID yang diberikan, shortcode akan menetapkan ID secara otomatis. Atribut ini tidak diperlukan untuk konten yang dibungkus, tetapi diperlukan untuk menargetkan konten lain di halaman
gaya. Gaya CSS untuk diterapkan ke konten yang digabungkan. Atribut ini tidak diperlukan, dan standarnya adalah tanpa gaya. Atribut ini tidak berpengaruh jika konten tidak digabungkan
kelas_target. Nama kelas CSS yang ada untuk menerapkan animasi fade-in dan fade-out. Dengan menentukan atribut ini, Anda dapat mengontrol efek fade-in dan fade-out dari banyak konten secara bersamaan. Atribut ini secara default tidak ada. Anda dapat menggunakan notasi penargetan jQuery di sini. Untuk menargetkan kelas "fader", Anda akan menggunakan parameter ". pudar”
fadeout. Atribut ini menentukan apakah konten akan ditampilkan saat halaman dimuat atau tidak. Nilai 0 akan menyembunyikan konten saat pemuatan halaman. Setiap nilai yang lebih besar dari 0 akan menampilkan konten selama beberapa detik sebelum menerapkan animasi fadeout. Atribut ini default ke 0
delayshow. Atribut ini menentukan jumlah detik hingga konten akan terlihat kembali. Atribut ini default ke 0
fadeshow. Atribut ini menentukan berapa detik durasi animasi fade-in. Angka yang lebih kecil adalah animasi yang lebih cepat, dan angka yang lebih besar adalah animasi yang lebih lambat. Atribut ini default ke 0
delayhide. Atribut ini menentukan berapa detik untuk menunggu hingga konten mulai memudar. Atribut ini default ke 0
fadehide. Atribut ini menentukan berapa detik waktu yang dibutuhkan animasi fade-out. Angka yang lebih kecil adalah animasi yang lebih cepat, dan angka yang lebih besar adalah animasi yang lebih lambat. Atribut ini default ke 0
delayhide_function. Fungsi JavaScript untuk dijalankan saat animasi selesai. digunakan untuk menyinkronkan beberapa acara dengan animasi Anda. Default untuk tidak ada
delayshow_function. Fungsi JavaScript untuk dijalankan saat animasi selesai. digunakan untuk menyinkronkan beberapa acara dengan animasi Anda. Default untuk tidak ada
fadeout_function. Fungsi JavaScript untuk dijalankan saat animasi selesai. digunakan untuk menyinkronkan beberapa acara dengan animasi Anda. Default untuk tidak ada
Parameter kecepatan opsional menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut. "lambat", "cepat", atau milidetik
Parameter callback opsional adalah fungsi yang akan dijalankan setelah fading selesai
Contoh berikut menunjukkan metode fadeIn() dengan parameter yang berbeda
Contoh
$("tombol"). klik(fungsi(){
$("#div1"). fadeIn();
$("#div2"). fadeIn("lambat");
$("#div3"). fadeIn(3000);
});
Metode jQuery fadeOut()
Metode jQuery fadeOut()_ digunakan untuk memudarkan elemen yang terlihat
Sintaksis
$(pemilih). fadeOut(kecepatan,panggilan balik);
Parameter kecepatan opsional menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut. "lambat", "cepat", atau milidetik
Parameter callback opsional adalah fungsi yang akan dijalankan setelah fading selesai
Contoh berikut menunjukkan metode fadeOut() dengan parameter yang berbeda
Contoh
$("tombol"). klik(fungsi(){
$("#div1"). fadeOut();
$("#div2"). fadeOut("lambat");
$("#div3"). fadeOut(3000);
});
Metode jQuery fadeToggle()
Metode jQuery fadeToggle()_ beralih antara metode ________5______ dan fadeOut()
Jika elemen memudar, fadeToggle() akan memudarkannya
Jika elemen memudar, fadeToggle() akan memudarkannya
Sintaksis
$(pemilih). fadeToggle(kecepatan,panggilan balik);
Parameter kecepatan opsional menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut. "lambat", "cepat", atau milidetik
Parameter callback opsional adalah fungsi yang akan dijalankan setelah fading selesai
Contoh berikut menunjukkan metode fadeToggle() dengan parameter yang berbeda
Contoh
$("tombol"). klik(fungsi(){
$("#div1"). fadeToggle();
$("#div2"). fadeToggle("lambat");
$("#div3"). fadeToggle(3000);
});
Metode jQuery fadeTo()
Metode jQuery fadeTo() memungkinkan memudar ke opasitas tertentu (nilai antara 0 dan 1)
Sintaksis
$(pemilih). fadeTo(kecepatan, opasitas, panggilan balik);
Parameter kecepatan yang diperlukan menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut. "lambat", "cepat", atau milidetik
Parameter opasitas yang diperlukan dalam metode fadeTo()_ menentukan pemudaran ke opasitas tertentu (nilai antara 0 dan 1)