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 fadeIn().
.png)
Sumber : Tutorialsteacher.com dan Csveda.com
Metode jQuery fadeIn() menampilkan elemen tertentu dengan memudarkannya menjadi buram.
Sintaks :
$('selector expression').fadeIn(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: orange;height: 100px;width: 100px;display:none;}</style><script>$(document).ready(function () {$('#myDiv').fadeIn(5000, function () {$('#msgDiv').append('fadeIn() completed.')});});</script></head><body><h1>jQuery fadeIn() Method Demo</h1><div id="myDiv" class="redDiv"></div><div id="msgDiv"></div></body></html>
Output :
%20Method%20Demo.gif)
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)
Tags
Kode Program