آموزش fade کردن در jQuery

آموزش fade کردن در jQuery

 

در جلسات قبل دیدید که ما برای صفحه خود یک loading اولیه به وجود آوردیم تا تمام کد های صفحه اعمال شود و پس از آن کاربر صفحه اصلی را ببیند. (آموزش ساخت loading در jQuery با کمک document is ready)

حال میتوانید برای دستور hide خود تغییراتی را در سرعت محو شدن آن تعریف کنید.

 

$("#loading").hide(2000);

 

 

 

 

 

همچنین میتوانید به جای استفاده از زمان، از دستورات slow و fast استفاده کرده تا سرعت نشان دادن loading را کاهش یا افزایش دهید.

fadeOut():

با این دستور میتوانید سرعت محو شدن قسمت loading را به آرامی کاهش داده و به محوی میل پیدا کند.

 

$("#loading").fadeOut(2000);

 

 

 

 

 

 

 

 

fadeTo():

برای این دستور میتوانید زمان و میزان شفافیت را نیز تعیین کنید.

برای مثال ۲ ثانیه با مقدار شفافشت ۱ باشد و به سمت شفافیت ۰  برود.

 

$("#loading").fadeTo(2000,1).fadeTo(3000,0);

 

 

 

 

 

 

Delay():

میتوانید با تعریف delay میزان تاخییر را هم تغییر دهید.

$(“#loading”).fadeTo(1000,1).delay(3000).fadeTo(1000,0);

همچنین امکان این وجود دارد که تغییرات خود را در یک فانکشن بنویسید.

 

$("#loading").fadeOute(500,loading());
  
  function loading(){
    $("#loading").fadeTo(1000,1).delay(1000).fadeTo(1000,0);
  }

 

و همچنان تغییرات برای شما اعمال میشود.

برای دیدن آموزش های بیشتر جزوات jQuery را دنبال کنید.

قسمت قبل آموزش (آموزش events و selectors در jQuery)

قسمت بعد آموزش (آموزش animation effects در jQuery)

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.