fadeIn()

jQuery fadeIn() metodi

❮ jQuery effekt metodlari

Misol

Barcha <p> elementlarini asta-sekin paydo qilish:

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

Ta’rif va qo‘llanilishi

fadeIn() metodi tanlangan elementlarning noshaffofligini yashirin holatdan ko‘rinadigan 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 fadeOut() metodi bilan birga ishlatiladi.

Sintaksis

$(selector).fadeIn(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. fadeIn() metodi tugagandan keyin bajariladigan funksiya

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


O‘zingiz sinab ko‘ring — misollar

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

fadeIn() — 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!