show методу

show методу жашыруун элементтерди жумшак көрсөтөт. Элементтерди hide методу менен жашырууга болот.

Синтаксис

Миллисекунд менен белгиленген убакытка көрсөтүү, 400мс демейки:

javascript.show(узактыгы);

Убакытты миллисекунд менен гана эмес, slow (600мс) жана fast (200мс) сыяктуу ачкыч сөздөр менен да белгилөөгө болот, мааниси чоң болгон сайын анимация жайыраак:

javascript.show('slow' же 'fast');

Эгерде параметрлерди көрсөтпөсөңүз - анимация болбойт, элементтер дароо көрсөтүлөт:

javascript.show();

Ошондой эле экинчи параметр катары жумшактоо функциясын, үчүнчүсү катары callback-функциясын - анимация аяктагандан кийин ишке кирет - берүүгө болот. Эки параметр те милдеттүү эмес:

javascript.show(узактыгы, [жумшактоо функциясы], [callback-функция]);

Методго ар кандай опцияларды берүүгө болот, JavaScript объектиси түрүндө, анын ичинде ачкыч: маани жуптары бар:

javascript.show(options);

Мындай объект төмөндөгү параметрлерди жана функцияларды бере алат - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Бул параметрлердин сүрөттөмөсүн сиз animate методу үчүн көрө аласыз. Мисалы, узактыкты жана жумшактоо функциясын коёлу:

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

Мисал

Келгиле, баскычты баскандан кийин, жашыруун абзацты show методу менен жумшак көрсөтөлү. slow ачкыч сөзүн берүү менен, ылдамдыкты 600мс кылабыз. Анимация аяктагандан кийин консольго 'Анимация аяктады' чыгарабыз:

html<button>тексти көрсөт</button>
<p style="display: none">текст</p>
javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Ошондой эле караңыз

  • hide методу,
    элементтерди жумшак жашырат
  • slideDown методу,
    элементтерди жумшак көрсөтөт
  • fadeIn методу,
    жашыруун элементтерди жумшак көрсөтөт, аны тунук эмес кылат