Mengenal Effect FadeIn dan Fadeout Pada Jquery
Di panduan kali ini kamu akan Mengenal Effect FadeIn Dan Fadeout Di Jquery dengan cara praktek seketika menggunakan jquery.
Jquery yaitu sebuah library yang bertujuan bagi memanipulasi sebuah HTML atau tampilan situs agar lebih terlihat menarik, jquery ini betul-betul amat bermanfaat bagi kebutuhan perancangan situs karena beragamnya animasi yang dapat di bikin oleh jquery.
Oke Effect FadeIn itu sendiri berfungsi bagi memunculkan suatu element html dengan durasi tertentu, dan sebaliknya effect fadeOut yaitu bagi menghilangkan suatuelement dengan durasi tertentu.
Bagi lebih jelasnya kita seketika 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 dapat 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 di browser masing-masing.
silahkan klik button nya bagi mengetahui effect seperti apa yang terjadi.
oke itu dulu bagi kali ini , hingga bertemu di artikel berikutnya.
Sumber https://kursuswebsite.org