jQuery اثر - fadeIn() روش

مثال

از اثر ورود آهسته برای نمایش یک عنصر <p> مخفی استفاده کنید:

$(".btn2").click(function(){
  $("p").fadeIn();
});

آزمایش شخصی

تعریف و استفاده

fadeIn() روشی است که برای نمایش عناصر مخفی شده با استفاده از jQuery استفاده می‌شود، اگر عنصر مخفی باشد.

رابط‌کشی

$(selector).fadeIn(speed,callback)
پارامترها توضیح
speed

اختیاری. سرعت تبدیل عنصر از مخفی به قابل مشاهده را تعیین کنید. پیش‌فرض "normal" است.

ممکن است:

  • میلی‌ثانیه (مثلاً 1500)
  • "slow"
  • "normal"
  • "fast"

در حالت تنظیم سرعت، در طول فرآیند تبدیل از مخفی به قابل مشاهده، شفافیت عنصر به تدریج تغییر می‌کند (این کار باعث ایجاد اثر ورود آهسته می‌شود).

callback

اختیاری. تابعی که پس از اجرای fadeIn باید اجرا شود.

برای یادگیری بیشتر در مورد callback، به فصل jQuery Callback ما مراجعه کنید.

به جز اینکه پارامتر speed تنظیم شده باشد، نمی‌توان این پارامتر را تنظیم کرد.

نکات و توجهات

نکته:اگر عنصر نمایش داده شده باشد، این اثر هیچ تغییری ایجاد نمی‌کند، مگر اینکه callback تعیین شده باشد.

توجه:این اثر برای عناصر مخفی شده توسط jQuery یا عناصری که در CSS با display:none مشخص شده‌اند (اما برای عناصر visibility:hidden مناسب نیست) مناسب است.

مثال‌های بیشتر

از پارامتر speed استفاده کنید
از پارامتر speed برای ورود یا خروج آهسته یا سریع عناصر استفاده کنید.