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

jQuery fadeToggle() Method

<วิธี jQuery ผล

ตัวอย่าง

สลับไปมาระหว่างสีซีดจางและเลือนหายไปจากกล่องที่แตกต่างกัน

$("button").click(function(){
    $("#div1").fadeToggle();
});
ลองตัวเอง»

ความหมายและการใช้งาน

fadeToggle() วิธีการสลับระหว่าง fadeIn() และ fadeOut() วิธีการ

หากมีจางหายไป, fadeToggle() จะจางหายพวกเขาใน

หากมีจางหายไปใน fadeToggle() จะจางหายพวกเขาออก

หมายเหตุ: องค์ประกอบที่ซ่อนอยู่จะไม่แสดงที่ทุกคน (ไม่ส่งผลกระทบต่อรูปแบบของหน้า)

วากยสัมพันธ์

$(เลือก).fadeToggle(ความเร็วบรรเทาโทรกลับ)

พารามิเตอร์ ลักษณะ
speed ไม่จำเป็น ระบุความเร็วของผลกระทบที่ซีดจาง ค่าเริ่มต้นคือ 400 มิลลิวินาที

ค่าที่เป็นไปได้:

  • มิลลิวินาที
  • "slow"
  • "fast"
easing ไม่จำเป็น ระบุความเร็วขององค์ประกอบในจุดแตกต่างของผลกระทบ ค่าเริ่มต้นคือ "swing"

ค่าที่เป็นไปได้:

  • "swing" - ย้ายช้าลงที่จุดเริ่มต้น / ปลาย แต่ได้เร็วขึ้นในช่วงกลาง
  • "linear" - การเคลื่อนไหวในความเร็วคงที่
เคล็ดลับ: ฟังก์ชั่นการผ่อนคลายเพิ่มเติมมีอยู่ในปลั๊กอินภายนอก
callback ไม่จำเป็น ฟังก์ชั่นที่จะดำเนินการหลังจากที่ fadeToggle() วิธีการเป็นที่เรียบร้อยแล้ว

เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการเรียกกลับโปรดอ่าน jQuery โทรกลับ บท

ลองตัวเอง - ตัวอย่าง

fadeToggle() - การใช้พารามิเตอร์ความเร็ว
วิธีการใช้พารามิเตอร์ความเร็วในการระบุความเร็วของผลกระทบที่ซีดจาง

fadeToggle() - การใช้พารามิเตอร์โทรกลับ
วิธีการใช้พารามิเตอร์โทรกลับในการดำเนินการการทำงานหลังจากที่ fadeToggle() วิธีการเป็นที่เรียบร้อยแล้ว

<วิธี jQuery ผล