آموزش 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 را دنبال کنید.
