fadeTo()

jQuery fadeTo() effekt metodi

❮ jQuery effekt metodlari

Misol

Barcha <p> elementlarining noshaffoflik darajasini asta-sekin o‘zgartirish:

$("button").click(function(){   $("p").fadeTo(1000, 0.4); });
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

fadeTo() metodi tanlangan elementlarning noshaffoflik (opacity) darajasini belgilangan darajagacha asta-sekin o‘zgartiradi (fade effekti).


Sintaksis

$(selector).fadeTo(speed,opacity,easing,callback)

Parametr Tavsif
speed Majburiy. Fade effektining tezligini belgilaydi.

Mumkin bo‘lgan qiymatlar:

  • millisekundlar
  • "slow"
  • "fast"
opacity Majburiy. Element qaysi noshaffoflik darajasigacha o‘zgarishini belgilaydi. 0.00 va 1.00 orasidagi son bo‘lishi shart
easing Ixtiyoriy. Animatsiyaning turli nuqtalarida elementning tezligini belgilaydi. Standart qiymati: "swing"

Mumkin bo‘lgan qiymatlar:

  • "swing" - boshida/oxirida sekinroq, o‘rtasida esa tezroq harakatlanadi
  • "linear" - o‘zgarmas tezlikda harakatlanadi
Maslahat: Boshqa easing funksiyalari tashqi plaginlarda mavjud
callback Ixtiyoriy. fadeTo() metodi tugagandan keyin bajariladigan funksiya

Callback funksiyasi haqida ko‘proq bilish uchun jQuery callback funksiyasi bobiga o‘ting


O‘zingiz sinab ko‘ring — misollar

fadeTo() — callback parametridan foydalanish
Elementni asta-sekin paydo qilish va yo‘qotishda callback parametridan qanday foydalanish mumkin.



❮ jQuery effekt metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!