กับ jQuery คุณสามารถจางหายองค์ประกอบในและออกจากการแสดงผล
คลิ๊กเพื่อจางหายไปใน / ออกแผง
เพราะเวลาเป็นสิ่งมีค่าที่เราส่งมอบการเรียนรู้ที่ง่ายและรวดเร็ว
ที่ w3ii คุณสามารถเรียนได้ทุกสิ่งที่คุณต้องการที่จะเรียนรู้ในรูปแบบที่สามารถเข้าถึงได้และมีประโยชน์
ตัวอย่าง
jQuery fadeIn()
แสดงให้เห็นถึง jQuery fadeIn() วิธีการ
jQuery fadeOut()
แสดงให้เห็นถึง jQuery fadeOut() วิธีการ
jQuery fadeToggle()
แสดงให้เห็นถึง jQuery fadeToggle() วิธีการ
jQuery fadeTo()
แสดงให้เห็นถึง jQuery fadeTo() วิธีการ
วิธี Fading jQuery
กับ jQuery คุณสามารถจางหายองค์ประกอบในและออกจากการแสดงผล
jQuery มีวิธีการจางหายไปดังต่อไปนี้:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() วิธี
jQuery fadeIn() วิธีการที่ใช้ในการจางหายไปในองค์ประกอบที่ซ่อนอยู่
ไวยากรณ์:
$(selector).fadeIn(speed,callback);
พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที
พารามิเตอร์โทรกลับตัวเลือกเป็นหน้าที่ที่จะต้องดำเนินการหลังจากการซีดจางเสร็จสมบูรณ์
ตัวอย่างต่อไปนี้แสดงให้เห็นถึง fadeIn() วิธีการที่มีพารามิเตอร์ที่แตกต่างกัน
ตัวอย่าง
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
ลองตัวเอง» jQuery fadeOut() วิธี
jQuery fadeOut() วิธีการที่ใช้ในการหลุดลอกออกมาเป็นองค์ประกอบที่มองเห็นได้
ไวยากรณ์:
$(selector).fadeOut(speed,callback);
พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที
พารามิเตอร์โทรกลับตัวเลือกเป็นหน้าที่ที่จะต้องดำเนินการหลังจากการซีดจางเสร็จสมบูรณ์
ตัวอย่างต่อไปนี้แสดงให้เห็นถึง fadeOut() วิธีการที่มีพารามิเตอร์ที่แตกต่างกัน
ตัวอย่าง
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
ลองตัวเอง» jQuery fadeToggle() วิธี
jQuery fadeToggle() วิธีการสลับระหว่าง fadeIn() และ fadeOut() วิธีการ
หากมีจางหายไป, fadeToggle() จะจางหายพวกเขาใน
หากมีจางหายไปใน fadeToggle() จะจางหายพวกเขาออก
ไวยากรณ์:
$(selector).fadeToggle(speed,callback);
พารามิเตอร์ตัวเลือกความเร็วในการระบุระยะเวลาของผลกระทบที่ มันสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที
พารามิเตอร์โทรกลับตัวเลือกเป็นหน้าที่ที่จะต้องดำเนินการหลังจากการซีดจางเสร็จสมบูรณ์
ตัวอย่างต่อไปนี้แสดงให้เห็นถึง fadeToggle() วิธีการที่มีพารามิเตอร์ที่แตกต่างกัน
ตัวอย่าง
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
ลองตัวเอง» jQuery fadeTo() วิธี
jQuery fadeTo() วิธีการช่วยให้จางหายไปกับความทึบแสงที่กำหนด (ค่าระหว่าง 0 และ 1)
ไวยากรณ์:
$(selector).fadeTo(speed,opacity,callback);
พารามิเตอร์ความเร็วที่ต้องการระบุระยะเวลาของผลกระทบที่ มันสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที
พารามิเตอร์ความทึบแสงที่จำเป็นใน fadeTo() วิธีการระบุจางหายไปกับความทึบแสงที่กำหนด (ค่าระหว่าง 0 และ 1)
พารามิเตอร์โทรกลับตัวเลือกเป็นหน้าที่ที่จะดำเนินการหลังจากที่ทำงานเสร็จสมบูรณ์
ตัวอย่างต่อไปนี้แสดงให้เห็นถึง fadeTo() วิธีการที่มีพารามิเตอร์ที่แตกต่างกัน
ตัวอย่าง
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
ลองตัวเอง» ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 »
jQuery ผลกระทบการอ้างอิง
สำหรับภาพรวมที่สมบูรณ์ของทุกผลกระทบ jQuery โปรดไปที่เรา ผลอ้างอิง jQuery