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

jQuery fadeIn() Method

<วิธี jQuery ผล

ตัวอย่าง

จางหายไปในทุก <p> องค์ประกอบ:

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

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

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

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

เคล็ดลับ: วิธีนี้มักใช้ร่วมกับ fadeOut() วิธีการ

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

$(selector).fadeIn(speed,easing,callback)

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

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

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

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

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
เคล็ดลับ: ฟังก์ชั่นการผ่อนคลายเพิ่มเติมมีอยู่ในปลั๊กอินภายนอก
callback ไม่จำเป็น ฟังก์ชั่นที่จะดำเนินการหลังจากที่ fadeIn() วิธีการเป็นที่เรียบร้อยแล้ว

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


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

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

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


<วิธี jQuery ผล