Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

ผลกระทบ jQuery - ภาพนิ่ง

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

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

เวลาคือเงินเพื่อให้เราได้ง่ายและรวดเร็วที่จะเข้าใจเนื้อหาการเรียนรู้สำหรับคุณ

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


ตัวอย่าง

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);

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

พารามิเตอร์ตัวเลือกการเรียกกลับเป็นชื่อของฟังก์ชั่นการดำเนินการหลังจากเสร็จสิ้นการสไลด์

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

ตัวอย่าง

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

ลอง»


jQuery slideUp () วิธีการ

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

ไวยากรณ์:

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

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

พารามิเตอร์ตัวเลือกการเรียกกลับเป็นชื่อของฟังก์ชั่นการดำเนินการหลังจากเสร็จสิ้นการสไลด์

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

ตัวอย่าง

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

ลอง»


jQuery slideToggle () วิธีการ

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

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

หากคุณเลื่อนขึ้นองค์ประกอบ slideToggle () สามารถเลื่อนพวกเขาลง

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

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

พารามิเตอร์ตัวเลือกการเรียกกลับเป็นชื่อของฟังก์ชั่นการดำเนินการหลังจากเสร็จสิ้นการสไลด์

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

ตัวอย่าง

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

ลอง»