7) افکت Fade در جی کوئری

تونل یادگیری جی کوئری

در این قسمت از تونل یادگیری جی کوئری می خواهیم تا با افکتی در جی کوئری آشنا شویم که عمل محو کردن یک عنصر در صفحه را برای ما انجام میدهد. محو کردن یا fade در جی کوئری چهار متود اصلی دارد که هر کدام مقادیر ورودی ای را دارند. در ادامه ی با این چهار متود آشنا می شویم.

۱) متد FADEIN

متد ()fadeIn در جی کوئری عنصر هایی که پنهان هستند و نمایش داده نمیشوند را با افکت خاص “محو” نمایش میدهد.

استفاده از این متد به شکل زیر انجام میشود:

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

مقدار اول که speed هست سرعت نمایش را مشخص میکند. سرعت مانند قسمت قبلی تونل یادگیری جی کوئری که در مورد hide  و show بود، سه مقدار fast و slow و یا میلی ثانیه مشخص میشود.

۲) متد FADEOUT

با اجرای متد ()fadeOut المان های صفحه محو میشوند. این متود همانند شکل بالا عمل میکند و مقادیر وروودی آن نیز همانند متود fadeIn می باشد.

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

۳) متد FADETOGGLE

این متد اگر سلکتور ما پنهان باشد آنرا با افکت “محو” پنهان میکند و اگر در در حالت نمایش باشد انرا محو میکند.

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

۴) متد FADETO

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

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

مقدار دوم که شفافیت یا opacity است یک عدد بین ۰ تا ۱ است.