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

jQuery Effect fadeTo() Method

<วิธี jQuery ผล

ตัวอย่าง

ค่อยๆเปลี่ยนความทึบของทั้งหมด <p> องค์ประกอบ:

$("button").click(function(){
    $("p").fadeTo(1000, 0.4);
});
ลองตัวเอง»

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

fadeTo() วิธีการค่อยๆเปลี่ยนความทึบสำหรับองค์ประกอบที่เลือกเพื่อความทึบระบุ (ผลซีดจาง)

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

$(selector).fadeTo(speed,opacity,easing,callback)

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

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

  • มิลลิวินาที
  • "slow"
  • "fast"
opacity จำเป็นต้องใช้ ระบุความทึบจะจางหายไป จะต้องเป็นตัวเลขระหว่าง 0.00 ถึง 1.00
easing ไม่จำเป็น ระบุความเร็วขององค์ประกอบในจุดแตกต่างของภาพเคลื่อนไหว ค่าเริ่มต้นคือ "swing"

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

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

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

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

fadeTo() - การใช้พารามิเตอร์โทรกลับ
วิธีการใช้พารามิเตอร์โทรกลับเมื่อซีดจางในและนอกองค์ประกอบ

<วิธี jQuery ผล