103 of 119 menu

show методу

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

Синтаксис

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

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

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

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

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

.show();

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

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

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

.show(options);

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

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

Мисал

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

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

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

  • hide методу,
    элементтерди жумшак жашырат
  • slideDown методу,
    элементтерди жумшак көрсөтөт
  • fadeIn методу,
    жашыруун элементтерди жумшак көрсөтөт, аны тунук эмес кылат
Кыргызча
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어LietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Биз сайттин иштөөсү, аналитика жана персонализация үчүн cookie файлдарын колдонобуз. Маалыматтарды иштетүү Маалыматты коргоо саясаты боюнча жүргүзүлөт.
баарын кабыл алуу ыңгайлаштыруу четке кагуу