jQuery اثر - محو و ورود

با استفاده از jQuery، می‌توانید اثرات محو و ورود عناصر را ایجاد کنید.

نمایش اثر

اینجا کلیک کنید تا پنل را پنهان/نشان کنید

یک لحظه زمان، یک ذره طلاست، بنابراین، ما برای شما محتوای آموزشی سریع و قابل فهم ارائه می‌دهیم.

در اینجا، می‌توانید به سادگی و با راحتی هرچه تمام‌تر هرگونه دانش مورد نیاز خود را به دست آورید.

مثال

jQuery fadeIn()
روش jQuery fadeIn() را نمایش می‌دهد.
jQuery fadeOut()
روش jQuery fadeOut() را نمایش می‌دهد.
jQuery fadeToggle()
روش jQuery fadeToggle() را نمایش می‌دهد.
jQuery fadeTo()
روش jQuery fadeTo() را نمایش می‌دهد.

روش‌های Fading jQuery

با استفاده از jQuery، می‌توانید اثرات محو و ورود عناصر را ایجاد کنید.

jQuery دارای چهار روش fade زیر است:

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

روش jQuery fadeIn()

jQuery fadeIn() برای ورود عناصر پنهان استفاده می‌شود.

قانون:

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

اختیاری speed پارامتر زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow"، "fast" یا میلی ثانیه.

اختیاری callback پارامتر یک نام فانکشن است که پس از تکمیل فading اجرا می‌شود.

در این مثال، روش fadeIn() با پارامترهای مختلف را نشان می‌دهد:

مثال

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

آزمایش کنید

روش jQuery fadeOut()

jQuery fadeOut() روشی است برای محو کردن عناصر قابل مشاهده.

قانون:

$(selector.fadeOut(speed,callback);

اختیاری speed پارامتر زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow"، "fast" یا میلی ثانیه.

اختیاری callback پارامتر یک نام فانکشن است که پس از تکمیل فading اجرا می‌شود.

در مثال زیر، روش fadeOut() با پارامترهای مختلف را نشان می‌دهد:

مثال

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

آزمایش کنید

روش fadeToggle() jQuery

روش fadeToggle() jQuery می‌تواند بین fadeIn() و fadeOut() روش‌ها تغییر کند.

اگر عنصر محو شده، fadeToggle() به عنصر اثر وارد شده اضافه می‌کند.

اگر عنصر وارد شده، fadeToggle() به عنصر اثر محو اضافه می‌کند.

قانون:

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

اختیاری speed پارامتر زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow"، "fast" یا میلی ثانیه.

اختیاری callback پارامتر یک نام فانکشن است که پس از تکمیل فading اجرا می‌شود.

در مثال زیر، روش fadeToggle() با پارامترهای مختلف را نشان می‌دهد:

مثال

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

آزمایش کنید

روش fadeTo() jQuery

روش fadeTo() jQuery اجازه می‌دهد تا به تدریج به شفافیت خاصی برسیم (مقدار بین 0 و 1).

قانون:

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

پارامتر ضروری speed زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow"، "fast" یا میلی ثانیه.

پارامتر ضروری opacity در روش fadeTo() میزان شفافیت ورودی و خروجی را تنظیم می‌کند (مقدار بین 0 و 1).

پارامتر callback یک نام فانکشن است که پس از تکمیل این فانکشن اجرا می‌شود.

در مثال زیر، روش fadeTo() با پارامترهای مختلف را نشان می‌دهد:

مثال

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

آزمایش کنید

دستورالعمل‌های اثر jQuery

برای مشاهده کامل اثرهای jQuery، لطفاً به دستورالعمل‌های اثر jQuery。