Hello guys! Kembali lagi bersama Miniblog dari Inzaghi's Blog! Jika sebelumnya sudah membuat jQuery DOM Manipulation, kali ini kita akan membuat Animasi jQuery menggunakan Method fadeOut().
.png)
Sumber : Tutorialsteacher.com dan Csveda.com
Metode jQuery fadeOut() menyembunyikan elemen tertentu dengan memudarkannya menjadi transparan.
Sintaks :
$('selector expression').fadeOut(speed, easing, callback);Contoh :
<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><style>.redDiv {background-color: green;height: 100px;width: 100px;}</style><script>$(document).ready(function () {$('#myDiv').fadeOut(5000, function () {$('#msgDiv').append('fadeOut() completed.')});});</script></head><body><h1>jQuery fadeOut() Method Demo</h1><div id="msgDiv"></div><div id="myDiv" class="redDiv"></div></body></html>
Output :
%20Method%20Demo.gif)
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)
Tags
Kode Program