آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش افکت هایjQuery – متد Fade

دوره های مرتبط با این مقاله

با استفاده از امکانات کتابخانه ی jQuery می توان المان های HTML را به صورت تدریجی از نظر محو نموده و یا نمایان ساخت. در این خصوص jQuery چهار تابع زیر را ارائه می دهد:

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

متد fadeIn()

تابع ()fadeIn یک المان مخفی (hidden) را با سرعتی معین که به عنوان پارامتر ورودی به آن ارسال می شود، پدیدار می سازد.

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

پارامتر اختیاری speed مدت زمان اجرای جلوه ی بصری را مشخص می کند؛ به عبارت روشن تر سرعت پدیدار شدن عنصر توسط جلوه ی بصری را تعریف می کند. می توان تابع یاد شده را با "slow"، "fast" و میلی ثانیه مقدار دهی نمود.
پارامتر ورودی Callbackتابعی اختیاری است که پس از اجرای کامل fading، اجرا می شود. توسط این پارامتر می توان نام یک تابع را تعریف کرد که بعد از اتمام اجرای جلوه ی بصری و پدیدار گشتن المان مورد نظر ، آن تابع اجرا شود.
نمونه ی زیر، متد fadeIn() را در حالی که با پارامترهای مختلف تنظیم (set) و مقدار دهی شده، نمایش می دهد:

نمونه یک

امتحان کنید

متد ()fadeOut

با استفاده از این تابع می توان یک المان اچ تی ام ال نمایان را به تدریج از نظر محو ساخت.

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

پارامتر اختیاری speed سرعت محو شدن عنصر مورد نظر توسط جلوه ی بصری را تعیین می کند. می توان سه مقدار زیر را به عنوان پارامتر (Speed) به تابع مذکور ارسال کرد:
"slow"، "fast"و میلی ثانیه.
Callback تابعی است که بعد از اجرای کامل ()fadeOut و محو شدن المان، اجرا می شود.

نمونه دو

    
امتحان کنید

متد ()fadeToggle

fadeToggle() بین دو تابع fadeIn() و fadeOut() تغییر وضعیت می دهد.
چنانچه المان HTML ناپدید باشد، fadeToggle آن را بسته به پارامتر speed مشخص شده به تدریج پدیدار می سازد. اگر عنصر مورد نظر نمایان باشد، تابع مذکور آن را به تدریج محو می سازد.

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

پارامتر speed اختیاری بوده و سرعت محو یا پدیدار شدن تدریجی المان HTML را مشخص می کند و می تواند با "slow"، "fast" و یا میلی ثانیه تنظیم و مقدار دهی شود.
پارامتر callback نیز اختیاری می باشد. callback متدی است که پس از اجرای کامل متد fadeIn() یا fadeOut() اجرا می شود.

نمونه سه

 
امتحان کنید

متد ()fadeTo

این متد درجه ی کدری یا وضوح نمایش یک عنصر را به طور تدریجی به یک مقدار تعیین شده توسط کاربر (بین 0 و 1) تغییر می دهد، می توان گفت که با بهره گیری از این متد طراح قادر خواهد بود میزان نور نمایش یک عنصر را کاسته یا افزایش دهد.

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

در این متد استفاده از پارامتر speed الزامی بوده و سرعت محو شدن المان HTML را مشخص می کند، این پارامتر می تواند با value های ""slow، fast"" و یا میلی ثانیه مقدار دهی شود.
پارامتر opacity نیز الزامی بوده و میزان یا درجه ی شفافیت المان دلخواه را تنظیم می کند (بین مقدار 1 تا 0).
پارامتر callback اختیاری بوده و پس از اجرای کامل تابع، اجرا می شود.
مثال زیر این متد را با پارامترهای مختلف نمایش می دهد:

نمونه چهار

    
امتحان کنید

امیدواریم که این مطلب در مورد آموزش Jquery و JavaScript برایتان مفید و مناسب بوده باشد.
در صورت داشتن هر گونه سوال، پیشنهاد و یا انتقاد حتماً از قسمت نظرات در پایین صفحه آن را برای ما ارسال کنید.

اگر تمایل دارید به سایر محتوای آموزش برنامه نویسی دسترسی پیدا کنید می توانید به آموزش های گام به گام برنامه نویسی مراجعه کنید.

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


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

  • 1242
  •    1826
  • تاریخ ارسال :   1394/07/29

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .