เมธอด hide

เมธอด hide ซ่อนองค์ประกอบอย่างนุ่มนวล การแสดง องค์ประกอบสามารถทำได้ด้วยเมธอด show

ไวยากรณ์

การหายไปตามเวลาที่กำหนด ค่าเริ่มต้นคือ 400ms:

javascript.hide(ระยะเวลา);

สามารถระบุเวลาได้ไม่เพียงแต่เป็นมิลลิวินาที แต่ยังสามารถใช้คำหลัก slow (600ms) และ fast (200ms) ได้ ยิ่งค่ามาก แอนิเมชันก็จะยิ่งช้าลง:

javascript.hide('slow' หรือ 'fast');

หากไม่ระบุพารามิเตอร์ - จะไม่มีแอนิเมชัน องค์ประกอบจะถูกซ่อนทันที:

javascript.hide();

ยังสามารถส่งฟังก์ชัน easing เป็นพารามิเตอร์ที่สองได้ และ callback function เป็นพารามิเตอร์ที่สาม - จะทำงานหลังจาก แอนิเมชันเสร็จสิ้น พารามิเตอร์ทั้งสองเป็นตัวเลือก:

javascript.hide(ระยะเวลา, [ฟังก์ชัน easing], [callback function]);

สามารถส่งตัวเลือกต่างๆ ไปยังเมธอดได้ ในรูปแบบของวัตถุ JavaScript ที่ประกอบด้วย คู่ key: value:

javascript.hide(options);

วัตถุดังกล่าวสามารถส่งพารามิเตอร์และ ฟังก์ชันต่อไปนี้ได้ - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always คำอธิบาย พารามิเตอร์เหล่านี้คุณสามารถดูได้จากเมธอด animate ตัวอย่างเช่น มากำหนดระยะเวลาและฟังก์ชัน easing:

javascript.hide( {duration: 800, easing: easeInSine} );

ตัวอย่าง

หลังจากกดปุ่ม #test แล้ว ให้ ซ่อนย่อหน้าอย่างนุ่มนวลด้วยเมธอด hide โดยการส่ง คำหลัก slow เราจะกำหนดความเร็ว เป็น 600ms หลังจากแอนิเมชันเสร็จสิ้น ให้แสดงผลใน คอนโซล 'Animation complete':

html<button id="test">ซ่อนข้อความ</button>
<p>ข้อความ</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('แอนิเมชันเสร็จสมบูรณ์')
  });
});

ดูเพิ่มเติม