Metod show

Metod show gizli elementləri yumşaq şəkildə göstərir. Elementləri gizlətmək üçün hide metodu istifadə edilə bilər.

Sintaksis

Verilən müddət ərzində (millisaniyələrlə) göstərmə, standart olaraq 400ms:

javascript.show(müddət);

Müddət yalnız millisaniyələrlə deyil, həm də açar sözlərlə slow (600ms) və fast (200ms) təyin edilə bilər, qiymət nə qədər böyükdürsə, animasiya bir o qədər yavaş olur:

javascript.show('slow' və ya 'fast');

Əgər parametrlər göstərilməzsə - animasiya olmayacaq, elementlər ani şəkildə göstəriləcək:

javascript.show();

Həmçinin ikinci parametr kimi yumşaqlıq funksiyası, və üçüncü parametr kimi callback funksiyası ötürülə bilər - animasiya bitdikdən sonra işləyəcək. Hər iki parametr isteğe bağlıdır:

javascript.show(müddət, [yumşaqlıq funksiyası], [callback funksiyası]);

Metoda müxtəlif seçimlər, JavaScript obyekti şəklində, icazə verilir, hansı ki, açar: dəyər cütlərini ehtiva edir:

javascript.show(seçimlər);

Belə bir obyekt aşağıdakı parametrləri və funksiyaları ötürə bilər - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Bu parametrlərin təsvirini animate metodu üçün baxa bilərsiniz. Məsələn, müddəti və yumşaqlıq funksiyasını təyin edək:

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

Nümunə

Gəlin düyməyə basdıqdan sonra, gizli abzası show metodu ilə yumşaq şəkildə göstərək. slow açar sözünü ötürməklə, sürəti 600ms təyin etmiş oluruq. Animasiya bitdikdən sonra konsola 'Animasiya tamamlandı' yazdıraq:

html<button>mətni göstər</button>
<p style="display: none">mətn</p>
javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Həmçinin bax

  • metod hide,
    hansı ki, elementləri yumşaq şəkildə gizlədir
  • metod slideDown,
    hansı ki, elementləri yumşaq şəkildə göstərir
  • metod fadeIn,
    hansı ki, gizli elementləri yumşaq şəkildə göstərir, onları qeyri-şəffaf edərək