Pada tutorial kali ini anda akan Mengenal Effect FadeIn Dan Fadeout Pada Jquery dengan cara praktek langsung menggunakan jquery.
Jquery adalah sebuah library yang bertujuan untuk memanipulasi sebuah HTML atau tampilan website agar lebih terlihat menarik, jquery ini sangat amat berguna untuk keperluan pembuatan website karena beragamnya animasi yang bisa di buat oleh jquery.
Oke Effect FadeIn itu sendiri berfungsi untuk memunculkan suatu element html dengan durasi tertentu, dan sebaliknya effect fadeOut adalah untuk menghilangkan suatuelement dengan durasi tertentu.
Untuk lebih jelasnya kita langsung praktek saja ya , salin code berikut :
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<button id="faddIn"> fadd-in</button>
<button id="faddOut">fadd-Out</button>
<p> gue bisa ngilang, coba aja lo klik cuk....</p>
<script type="text/javascript">
$(document).ready(function(){
$('#faddIn').click(function(event){
$('p').fadeIn(4000);
});
$('#faddOut').click(function(event){
$('p').fadeOut('fast');
});
});
</script>
</body>
</html>
setelah kalian salin , lalu silahkan kalian jalankan pada browser masing-masing.
silahkan klik button nya untuk mengetahui effect seperti apa yang terjadi.
oke itu dulu untuk kali ini , sampai bertemu pada artikel selanjutnya.