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 queue().
.png)
Sumber : Tutorialsteacher.com dan Csveda.com
Metode jQuery queue() menampilkan atau memanipulasi antrian fungsi efek khusus yang akan dieksekusi pada elemen tertentu.
Sintaks :
$('selector expression').queue();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: blue;height: 100px;width: 100px;}</style><script>$(document).ready(function () {$('#myDiv').toggle(500);$('#myDiv').fadeOut(500);$('#myDiv').fadeIn(500);$('#myDiv').slideDown(500);$('#msgDiv').append('# of animation functions in a queue: ' + $('#myDiv').queue().length);});</script></head><body><h1>jQuery queue() Method Demo</h1><div id="msgDiv"></div><div id="myDiv" class="redDiv"></div></body></html>
Output :
%20Method%20Demo.gif)
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)
Tags
Kode Program