Halo semuanya, apa kabar? terbaik dan nomor satu nya ya pasti. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Fade in dengan jQuery.
Apa itu fade in? fade in adalah efek animasi yang tadi nya tidak ada kemudian dengan perlahan objek itu akan muncul dengan sendiri nya.
Biasanya dari beberapa orang yang memakai efek fade in ini dengan pluggin. Tapi disini kita akan belajar sendiri Cara Membuat Fade in dengan jQuery nya teman-teman. Oke langsung saja, berikut caranya.
Pertama-tama silahkan teman-teman buat terlebih dahulu file index.html nya.
Kemudian ketikkan di tag <head> library jquery nya,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
Setelah itu di dalam tag <body>, ketikkan tag-tag berikut,
<body> <p>This is a paragraph.</p> <button class="btn1">Fade in</button> </body>
Dan yang terakhir silahkan isi script nya di tag <head>,
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").fadeIn();
});
});
</script>
Bagaimana teman-teman? cukup mudah bukan?
Sekian untuk tutorial kali ini tentang bagaimana Cara Membuat Fade in dengan jQuery.
Semoga bermanfaat, terima kasih