Cara Membuat Fade To dengan jQuery

Hidup memang sulit, namun percayalah bahwa kamu dilahirkan dengan bakat yg luar biasa. jadilah pribadi yang tekun dan percaya diri. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Fade To dengan jQuery.

Jika pada tutorial sebelumnya saya membuat Cara Membuat Fade in dengan jQuery dan Cara Membuat Fade Out dengan jQuery yang fungsi nya adalah membuat efek animasi muncul lalu hilang dan sebalik nya hilang lalu muncul, nah sekarang saya akan memberitahukan Cara Membuat Fade To dengan jQuery yang fungsi nya adalah membuat objek menjadi transparan dan ada aturan kecepatan nya. Baik langsung saja kita praktekkan.

Seperti biasa, pertama-tama silahkan buat terlebih dahulu file index.html nya.

Kemudian isi library jquery nya di tag <head>,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Lalu isi tag-tag berikut di dalam tag <body>,

<body>

<button>Klik Disini!</button>

<p>This is a paragraph.</p>

</body>

Dan yang terakhir isi script nya di tag <head>,

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").fadeTo(100, 0);
    });
});
</script>

Bagaimana teman-teman? Cukup mudah bukan?

Teman-teman sekalian, Hidup penuh pilihan. Apa yg kamu pilih hari ini akan menentukan masa depanmu. Pilihlah yg membuatmu jadi pribadi yg lebih baik.

Sekian untuk tutorial kali ini tentang Cara Membuat Fade To dengan jQuery.

Semoga bermanfaat, terima kasih

Kategori