ตัวอย่าง
จางหายไปในทุก <p> องค์ประกอบ:
$("button").click(function(){
$("p").fadeIn();
});
ลองตัวเอง» ความหมายและการใช้งาน
fadeIn() วิธีการค่อยๆเปลี่ยนความทึบสำหรับองค์ประกอบที่เลือกจากที่ซ่อนอยู่ในการมองเห็น (ผลซีดจาง)
หมายเหตุ: องค์ประกอบที่ซ่อนอยู่จะไม่แสดงที่ทุกคน (ไม่ส่งผลกระทบต่อรูปแบบของหน้า)
เคล็ดลับ: วิธีนี้มักใช้ร่วมกับ fadeOut() วิธีการ
วากยสัมพันธ์
$(selector).fadeIn(speed,easing,callback)
พารามิเตอร์ | ลักษณะ |
---|---|
speed | ไม่จำเป็น ระบุความเร็วของผลกระทบที่ซีดจาง ค่าเริ่มต้นคือ 400 มิลลิวินาที ค่าที่เป็นไปได้:
|
easing | ไม่จำเป็น ระบุความเร็วขององค์ประกอบในจุดแตกต่างของภาพเคลื่อนไหว ค่าเริ่มต้นคือ "แกว่ง" ค่าที่เป็นไปได้:
|
callback | ไม่จำเป็น ฟังก์ชั่นที่จะดำเนินการหลังจากที่ fadeIn() วิธีการเป็นที่เรียบร้อยแล้ว เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการโทรกลับไปที่ บท jQuery โทรกลับ |
ลองตัวเอง - ตัวอย่าง
fadeIn() - การใช้พารามิเตอร์ความเร็ว
วิธีการใช้พารามิเตอร์ความเร็วในการระบุความเร็วของผลกระทบที่ซีดจาง
fadeIn() - การใช้พารามิเตอร์โทรกลับ
วิธีการใช้พารามิเตอร์โทรกลับเมื่อซีดจางในและนอกองค์ประกอบ