jQuery หยุดนิเมชั่น


เมธอด jQuery stop() ใช้เพื่อหยุดภาพเคลื่อนไหวหรือเอฟเฟกต์ก่อนจะเสร็จสิ้น



คลิกเพื่อเลื่อนลง/ขึ้นแผง

เนื่องจากเวลามีค่า เราจึงมอบการเรียนรู้ที่ง่ายและรวดเร็ว

ที่ W3Schools คุณสามารถศึกษาทุกสิ่งที่คุณจำเป็นต้องเรียนรู้ในรูปแบบที่เข้าถึงได้ง่ายและสะดวก


ตัวอย่าง


สาธิตวิธี jQuery stop()


แสดงให้เห็นถึงเมธอด jQuery stop()


jQuery หยุด () เมธอด

เมธอด jQuery stop()ใช้เพื่อหยุดแอนิเมชันหรือเอฟเฟกต์ก่อนจะเสร็จสิ้น

วิธี การstop()นี้ใช้ได้กับฟังก์ชันเอฟเฟกต์ jQuery ทั้งหมด รวมถึงการเลื่อน การซีดจาง และแอนิเมชั่นแบบกำหนดเอง

ไวยากรณ์:

$(selector).stop(stopAll,goToEnd);

พารามิเตอร์ stopAll ที่เป็นตัวเลือกระบุว่าควรล้างคิวแอนิเมชันด้วยหรือไม่ ค่าเริ่มต้นเป็นเท็จ ซึ่งหมายความว่าเฉพาะแอนิเมชั่นที่ทำงานอยู่เท่านั้นที่จะถูกหยุด ทำให้แอนิเมชั่นที่อยู่ในคิวสามารถดำเนินการได้ในภายหลัง

พารามิเตอร์ goToEnd ที่เป็นตัวเลือกระบุว่าต้องการให้ภาพเคลื่อนไหวปัจจุบันสมบูรณ์ในทันทีหรือไม่ ค่าเริ่มต้นเป็นเท็จ

ดังนั้น ตามค่าเริ่มต้นstop()วิธีการจะฆ่าแอนิเมชันปัจจุบันที่กำลังดำเนินการกับองค์ประกอบที่เลือก

ตัวอย่างต่อไปนี้สาธิตstop()วิธีการโดยไม่มีพารามิเตอร์:

ตัวอย่าง

$("#stop").click(function(){
  $("#panel").stop();
});

แบบฝึกหัด jQuery

ทดสอบตัวเองด้วยแบบฝึกหัด

ออกกำลังกาย:

ใช้วิธี jQuery เพื่อหยุดเอฟเฟกต์ภาพเคลื่อนไหวขององค์ประกอบ <div>

$("div").();


การอ้างอิงเอฟเฟกต์ jQuery

สำหรับภาพรวมทั้งหมดของเอฟเฟกต์ jQuery โปรดไปที่jQuery Effect Referenceของเรา