jQuery หลุด

jQuery วิธีเลื่อนเล็บสามารถทำให้ตัวเลือกเลื่อนขึ้นลง

แสดงผลการทำงาน

คลิกที่นี่ ซ่อน/แสดงแผง

ระยะเวลาเท่าเงินทอง ดังนั้น เราจึงให้คุณสามารถเรียนรู้เร็วและง่ายต่อใจ

ที่นี่ คุณสามารถได้รับความรู้ที่คุณต้องการ ด้วยวิธีที่ง่ายและง่ายต่อใจ

ตัวอย่าง

jQuery slideDown()
แสดงวิธีการใช้งาน slideDown()
jQuery slideUp()
แสดงวิธีการใช้งาน slideUp()
jQuery slideToggle()
แสดงวิธีการใช้งาน slideToggle()

วิธีการเคลื่อนที่ jQuery

ผ่าน jQuery คุณสามารถสร้างกระบวนการเคลื่อนที่บนองค์ประกอบ

jQuery มีวิธีการเคลื่อนที่ดังนี้

  • slideDown()
  • slideUp()
  • slideToggle()

วิธีการ slideDown() ของ jQuery

วิธีการ slideDown() ของ jQuery ใช้เคลื่อนองค์ประกอบลง

คำสั่ง

$(selector).slideDown(speed,callback);

ตัวแปร speed ที่เป็นทางเลือก กำหนดระยะเวลาของกระบวนการที่จะทำงาน มันสามารถเป็นค่า "slow" หรือ "fast" หรือ หน่วยเวลาเป็นมิลลิเซ็กันด์

ตัวแปร callback ที่เป็นทางเลือกคือชื่อฟังก์ชันที่จะทำงานหลังจากที่การเคลื่อนไหวเสร็จ

ตัวอย่างด้านล่างนี้แสดงวิธีการใช้งาน slideDown()

ตัวอย่าง

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

ลองทดลองด้วยตัวเอง

วิธีการ slideUp() ของ jQuery

วิธีการ slideUp() ของ jQuery ใช้เคลื่อนองค์ประกอบขึ้น

คำสั่ง

$(selector).slideUp(speed,callback);

ตัวแปรที่เป็นทางเลือก speed ตัวแปร speed กำหนดระยะเวลาของกระบวนการที่จะทำงาน มันสามารถเป็นค่า "slow" หรือ "fast" หรือ หน่วยเวลาเป็นมิลลิเซ็กันด์

ตัวแปรที่เป็นทางเลือก callback ตัวแปร callback คือชื่อฟังก์ชันที่จะทำงานหลังจากที่การเคลื่อนไหวเสร็จ

ตัวอย่างด้านล่างนี้แสดงวิธีการใช้งาน slideUp()

ตัวอย่าง

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

ลองทดลองด้วยตัวเอง

วิธีการ slideToggle() ของ jQuery

วิธีการ slideToggle() ของ jQuery สามารถเปลี่ยนระหว่าง slideDown() และ slideUp()

ถ้าองค์ประกอบเคลื่อนที่ลง โปรแกรม slideToggle() สามารถย้ายมันขึ้น

ถ้าองค์ประกอบเคลื่อนที่ขึ้น โปรแกรม slideToggle() สามารถย้ายมันลง

$(selector).slideToggle(speed,callback);

ตัวแปรที่เป็นทางเลือก speed ตัวแปร speed กำหนดระยะเวลาของกระบวนการที่จะทำงาน มันสามารถเป็นค่า "slow" หรือ "fast" หรือ หน่วยเวลาเป็นมิลลิเซ็กันด์

ตัวแปรที่เป็นทางเลือก callback ตัวแปร callback คือชื่อฟังก์ชันที่จะทำงานหลังจากที่การเคลื่อนไหวเสร็จ

ตัวอย่างด้านล่างนี้แสดงวิธีการใช้งาน slideToggle()

ตัวอย่าง

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

ลองทดลองด้วยตัวเอง

คู่มือประชาสงค์ jQuery

หากต้องการดูคู่มือประชาสงค์ jQuery ทั้งหมด โปรดเข้าเว็บไซต์ของเรา คู่มือประชาสงค์ jQuery。