jQuery slide effektlari


jQuery slide metodlari elementlarni yuqoriga va pastga sirpantiradi.

Panelni pastga ochish/yuqoriga yig‘ish uchun bosing

Vaqt qimmatli bo‘lgani uchun biz tez va oson o‘rganish imkonini taqdim etamiz.

W3Schools’da o‘rganishingiz kerak bo‘lgan hamma narsani qulay va tushunarli formatda o‘qishingiz mumkin.


ULASHISH

Misollar

jQuery slideDown()
jQuery slideDown() metodini namoyish etadi.

jQuery slideUp()
jQuery slideUp() metodini namoyish etadi.

jQuery slideToggle()
jQuery slideToggle() metodini namoyish etadi.


jQuery slide metodlari

jQuery yordamida elementlarda sirpanish (slide) effektini yaratish mumkin.

jQuery’da quyidagi slide metodlari mavjud:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() metodi

jQuery slideDown() metodi elementni pastga qarab sirpantirib ochish uchun ishlatiladi.

Sintaksis:

$(selector).slideDown(speed,callback);

Ixtiyoriy speed parametri effekt davomiyligini belgilaydi. U quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast" yoki millisekundlar.

Ixtiyoriy callback parametri — sirpanish tugagandan keyin bajariladigan funksiya.

Quyidagi misol slideDown() metodini namoyish etadi:

Misol

$("#flip").click(function(){   $("#panel").slideDown(); });
O‘zingiz sinab ko‘ring »


jQuery slideUp() metodi

jQuery slideUp() metodi elementni yuqoriga qarab sirpantirib yig‘ish uchun ishlatiladi.

Sintaksis:

$(selector).slideUp(speed,callback);

Ixtiyoriy speed parametri effekt davomiyligini belgilaydi. U quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast" yoki millisekundlar.

Ixtiyoriy callback parametri — sirpanish tugagandan keyin bajariladigan funksiya.

Quyidagi misol slideUp() metodini namoyish etadi:

Misol

$("#flip").click(function(){   $("#panel").slideUp(); });
O‘zingiz sinab ko‘ring »

jQuery slideToggle() metodi

jQuery slideToggle() metodi slideDown() va slideUp() metodlari o‘rtasida almashlab turadi.

Agar elementlar pastga ochilgan bo‘lsa, slideToggle() ularni yuqoriga yig‘adi.

Agar elementlar yuqoriga yig‘ilgan bo‘lsa, slideToggle() ularni pastga ochadi.

$(selector).slideToggle(speed,callback);

Ixtiyoriy speed parametri quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast", millisekundlar.

Ixtiyoriy callback parametri — sirpanish tugagandan keyin bajariladigan funksiya.

Quyidagi misol slideToggle() metodini namoyish etadi:

Misol

$("#flip").click(function(){   $("#panel").slideToggle(); });
O‘zingiz sinab ko‘ring »

jQuery mashqlari

Mashqlar yordamida o‘zingizni sinang

Mashq:

<div> elementini yuqoriga yig‘ish uchun jQuery metodidan foydalaning.

$("div").();

Mashqni boshlash


jQuery effektlari ma’lumotnomasi

Barcha jQuery effektlari haqida to‘liq ma’lumot uchun jQuery effektlari ma’lumotnomasiga o‘ting.


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!