ผลกระทบ jQuery - จาง
โดย jQuery คุณสามารถใช้องค์ประกอบหลุดลอกออกมามีผลบังคับใช้
คลิกจอแสดงผล Fade In / Out แผง
เพราะเวลามีค่าที่เรานำเสนอวิธีที่รวดเร็วและสะดวกในการเรียนรู้
ในการกวดวิชานี้คุณสามารถเรียนรู้ความรู้ที่จำเป็น
ตัวอย่าง
jQuery fadeIn ()
jQuery fadeIn () วิธีการสาธิต
jQuery fadeOut ()
jQuery fadeOut () วิธีการสาธิต
jQuery fadeToggle ()
jQuery fadeToggle () วิธีการสาธิต
jQuery fadeTo ()
jQuery fadeTo () วิธีการสาธิต
jQuery วิธี Fading
โดย jQuery คุณสามารถใช้องค์ประกอบหลุดลอกออกมามีผลบังคับใช้
jQuery มีสี่จางวิธีการต่อไปนี้:
- fadeIn ()
- fadeOut ()
- fadeToggle ()
- fadeTo ()
jQuery fadeIn () วิธีการ
jQuery fadeIn () จะใช้ในการจางหายไปในองค์ประกอบที่ซ่อนอยู่
ไวยากรณ์:
พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันอาจจะใช้ค่าต่อไปนี้: "ช้า", "เร็ว" หรือมิลลิวินาที .
พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นสีซีดจางดำเนินการหลังจากเสร็จสิ้นการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงกับพารามิเตอร์ที่แตกต่างกัน fadeIn () วิธีการ:
ตัวอย่าง
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
ลอง»
jQuery fadeOut () วิธีการ
jQuery fadeOut () วิธีการที่ใช้ในการจางหายองค์ประกอบที่มองเห็นได้
ไวยากรณ์:
พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันอาจจะใช้ค่าต่อไปนี้: "ช้า", "เร็ว" หรือมิลลิวินาที
พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นสีซีดจางดำเนินการหลังจากเสร็จสิ้นการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงกับพารามิเตอร์ที่แตกต่างกัน fadeOut () วิธีการ:
ตัวอย่าง
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
ลอง»
jQuery fadeToggle () วิธีการ
jQuery fadeToggle () วิธีการสามารถเปลี่ยนระหว่าง fadeIn () และ fadeOut () วิธีการ
ถ้าองค์ประกอบได้เหลือ fadeToggle () จะเพิ่มจางผลกับองค์ประกอบ
ถ้าองค์ประกอบเป็นจางที่ fadeToggle () จะเพิ่มจางผลออกกับองค์ประกอบ
ไวยากรณ์:
พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันอาจจะใช้ค่าต่อไปนี้: "ช้า", "เร็ว" หรือมิลลิวินาที
พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นสีซีดจางดำเนินการหลังจากเสร็จสิ้นการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงกับพารามิเตอร์ที่แตกต่างกัน fadeToggle () วิธีการ:
ตัวอย่าง
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
ลอง»
jQuery fadeTo () วิธีการ
jQuery fadeTo () วิธีการช่วยให้ความทึบการไล่ระดับสีที่กำหนด (ค่าระหว่าง 0 และ 1)
ไวยากรณ์:
พารามิเตอร์ความเร็วที่ต้องการความยาวของผลเวลาที่กำหนด มันอาจจะใช้ค่าต่อไปนี้: "ช้า", "เร็ว" หรือมิลลิวินาที
ความทึบพารามิเตอร์ fadeTo วิธี () ที่จำเป็นจะจางหายไปมีผลกระทบต่อความทึบแสงที่กำหนด (ค่าระหว่าง 0 และ 1)
พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นหลังจากเสร็จสิ้นการทำงานดำเนินการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึง fadeTo กับพารามิเตอร์ที่แตกต่างกัน () วิธีการ:
ตัวอย่าง
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
ลอง»