fadeOut()

jQuery fadeOut() effekt metodi

❮ jQuery effekt metodlari

Misol

Barcha <p> elementlarini asta-sekin yo‘qotish:

$("button").click(function(){   $("p").fadeOut(); });
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

fadeOut() metodi tanlangan elementlarning noshaffoflik (opacity) darajasini ko‘rinadigan holatdan yashirin holatga asta-sekin o‘zgartiradi (fade effekti).

Eslatma: Yashirin elementlar umuman ko‘rsatilmaydi (ular endi sahifa maketiga ta’sir qilmaydi).

Maslahat: Bu metod ko‘pincha fadeIn() metodi bilan birga ishlatiladi.

Sintaksis

$(selector).fadeOut(speed,easing,callback)

Parametr Tavsif
speed Ixtiyoriy. Fade effektining tezligini belgilaydi. Standart qiymati: 400 millisekund

Mumkin bo‘lgan qiymatlar:

  • millisekundlar
  • "slow"
  • "fast"
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. fadeOut() metodi tugagandan keyin bajariladigan funksiya

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


O‘zingiz sinab ko‘ring — misollar

fadeOut() — speed parametridan foydalanish
Fade effektining tezligini belgilash uchun speed parametridan qanday foydalanish mumkin.

fadeIn() — callback parametridan foydalanish
Tanlangan elementlarning noshaffoflik darajasini asta-sekin o‘zgartirishda callback parametridan qanday foydalanish mumkin.



❮ jQuery effekt metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!