Kaedah hide

Kaedah hide menyembunyikan elemen secara beransur-ansur. Tunjukkan elemen boleh dengan menggunakan kaedah show.

Sintaks

Kehilangan dalam masa yang ditetapkan, 400ms secara lalai:

javascript.hide(tempoh);

Masa boleh ditetapkan bukan sahaja dalam milisaat, tetapi juga dengan kata kunci slow (600ms) dan fast (200ms), semakin besar nilai, semakin perlahan animasi:

javascript.hide('slow' atau 'fast');

Jika parameter tidak dinyatakan - animasi tidak akan berlaku, elemen akan disembunyikan serta-merta:

javascript.hide();

Boleh juga menghantar fungsi kelancaran sebagai parameter kedua, dan juga fungsi callback ketiga - akan berfungsi selepas selesai animasi. Kedua-dua parameter adalah pilihan:

javascript.hide(tempoh, [fungsi kelancaran], [fungsi callback]);

Boleh menghantar pelbagai pilihan kepada kaedah, dalam bentuk objek JavaScript, yang mengandungi pasangan kunci: nilai:

javascript.hide(pilihan);

Objek sedemikian boleh menghantar parameter dan fungsi berikut - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Penerangan parameter ini anda boleh lihat untuk kaedah animate. Sebagai contoh, mari tetapkan tempoh dan fungsi kelancaran:

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

Contoh

Mari selepas menekan butang #test, secara beransur-ansur sembunyikan perenggan dengan kaedah hide. Dengan menghantar kata kunci slow, kami akan menetapkan kelajuan kepada 600ms. Selepas animasi selesai, output ke konsol 'Animation complete':

html<button id="test">sembunyikan teks</button>
<p>teks</p>
javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Lihat juga

  • kaedah show,
    yang menunjukkan elemen secara beransur-ansur
  • kaedah slideUp,
    yang menyembunyikan elemen secara beransur-ansur
  • kaedah fadeOut,
    yang menyembunyikan elemen secara beransur-ansur, membuatkannya lutsinar