ล่าสุดการพัฒนาเว็บบทเรียน
 

jQueryผลกระทบ - เลื่อน

❮ก่อนหน้า ถัดไปบท❯

วิธีการสไลด์เลื่อน jQuery องค์ประกอบขึ้นและลง

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

เพราะเวลาเป็นสิ่งมีค่าที่เราส่งมอบการเรียนรู้ที่ง่ายและรวดเร็ว

ที่ w3ii คุณสามารถเรียนได้ทุกสิ่งที่คุณต้องการที่จะเรียนรู้ในรูปแบบที่สามารถเข้าถึงได้และมีประโยชน์

ตัวอย่าง

jQuery slideDown()
แสดงให้เห็นถึง jQuery slideDown() วิธีการ

jQuery slideUp()
แสดงให้เห็นถึง jQuery slideUp() วิธีการ

jQuery slideToggle()
แสดงให้เห็นถึง jQuery slideToggle() วิธีการ

jQuery เลื่อนวิธี

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

jQuery มีวิธีการสไลด์ต่อไปนี้:

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

jQuery slideDown() วิธี

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

ไวยากรณ์:

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

พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที

พารามิเตอร์โทรกลับเสริมมีฟังก์ชั่นที่จะดำเนินการหลังจากที่เสร็จสิ้นการเลื่อน

ตัวอย่างต่อไปนี้แสดงให้เห็นถึง slideDown() วิธีการ:

ตัวอย่าง

$("#flip").click(function(){
    $("#panel").slideDown();
});
ลองตัวเอง»

jQuery slideUp() วิธี

jQuery slideUp() วิธีการที่ใช้ในการเลื่อนขึ้นธาตุ

ไวยากรณ์:

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

พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที

พารามิเตอร์โทรกลับเสริมมีฟังก์ชั่นที่จะดำเนินการหลังจากที่เสร็จสิ้นการเลื่อน

ตัวอย่างต่อไปนี้แสดงให้เห็นถึง slideUp() วิธีการ:

ตัวอย่าง

$("#flip").click(function(){
    $("#panel").slideUp();
});
ลองตัวเอง»

jQuery slideToggle() วิธี

jQuery slideToggle() วิธีการสลับระหว่าง slideDown() และ slideUp() วิธีการ

ถ้าองค์ประกอบได้รับการเลื่อนลง slideToggle() จะเลื่อนพวกเขาขึ้น

ถ้าองค์ประกอบได้รับการเลื่อนขึ้น slideToggle() จะเลื่อนพวกเขาลง

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

พารามิเตอร์ความเร็วตัวเลือกสามารถใช้ค่าต่อไปนี้: "slow", "fast" , มิลลิวินาที

พารามิเตอร์โทรกลับเสริมมีฟังก์ชั่นที่จะดำเนินการหลังจากที่เสร็จสิ้นการเลื่อน

ตัวอย่างต่อไปนี้แสดงให้เห็นถึง slideToggle() วิธีการ:

ตัวอย่าง

$("#flip").click(function(){
    $("#panel").slideToggle();
});
ลองตัวเอง»

ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»

jQuery ผลกระทบการอ้างอิง

สำหรับภาพรวมที่สมบูรณ์ของทุกผลกระทบ jQuery โปรดไปที่เรา ผลอ้างอิง jQuery


❮ก่อนหน้า ถัดไปบท❯