Mengenal Fungsi Stop() pada jQuery
Perasaan itu tak sesederhana satu tambah satu sama dengan dua. Malahan ketika perasaan itu telah jelas bagai bintang di langit, gemerlap indah tak terkira, tetap saja dia bukan rumus matematika. Perasaan ialah perasaan. Oke di kesempatan kali ini saya akan memberitahukan kepada kalian mengenai Mengenal Kegunaan Stop() di jQuery.
jQuery stop() berfungsi bagi memberhentikan proses kegunaan lain yang sedang berjalan, contoh nya di kegunaan animated.
Kegunaan stop() mempunyai struktur selaku berikut:
Oke seketika saja, berikut contoh dari Mengenal Kegunaan Stop() di jQuery.
Seperti biasanya, siapkan file index.html nya.
Kemudian, kita hubungkan terlebih dahulu file HTML kita dengan library jQuery nya.
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script>
Dan setelah itu, isi bagi bagian <body> tag-tag HTML berikut.
<button id=stop>Stop sliding</button>
<div id=flip>Click to slide down panel</div>
<div id=panel>Hello world!</div>
Lalu isi bagi bagian CSS nya.
#panel, #flip {
padding: 5px;
font-size: 18px;
text-align: center;
background-color: #555;
color: white;
border: solid 1px #666;
border-radius: 3px;
}
#panel {
padding: 50px;
display: none;
}Dan yang terakhir, isi bagi bagian Javascript nya.
<script>
$(document).ready(function(){
$(#flip).click(function(){
$(#panel).slideDown(5000);
});
$(#stop).click(function(){
$(#panel).stop();
});
});
</script>
Bagaimana teman-teman? Lumayan gampang bukan?
Sekianlah bagi panduan kali ini mengenai Mengenal Kegunaan Stop() di jQuery.
Semoga bermanfaat, terima kasih.
Sumber https://kursuswebsite.org
