افکت ()animate در جی کوئری :

امروز قصد داریم به شما استفاده از افکت ()animate در جی کوئری را آموزش بدهیم. در jQuery، می توان انیمیشن های متعدد ساده و پیچیده ای را با استفاده از افکت ()animate ایجاد کرد.

افکت () animate در جی کوئری

با استفاده از این متد می توان رنگ زمینه، استایل کادر، تغییر فونت و خیلی از موارد دیگر را روی یک عنصر بصورت انیمیشن اعمال کنید.

Syntax:

$(selector).animate({params},speed,callback);

params :

این پارامتر همان کدهای CSS می باشد که میخواهیم روی عنصر مورد نظر بصورت انیمیشن اعمال کنیم.

Speed :

یک پارامتر اختیاری است که سرعت انیمیشن عنصر مورد نظر را تعیین می کند و بصورت پیشفرض ۴۰۰ میلی ثانیه است. مقدارهای قابل استفاده :

  • milliseconds
  • “slow”
  • “fast”

Callback :

یک تابع اختیاری است که پس از ظاهر شدن عنصر مورد نظر به نمایش درمی آید.

در زیر می توانید مثال هایی از این افکت را مشاهده فرمائید :

مثال اول  :

 

 

مثال دوم   :

 

 

مثال سوم  :

 

از اینکه فرازگر را در این مقاله همرایی کردید از شما سپاسگذاریم.

سایت کتابخانه جی کوئری : www.jquery.com

مقاله پیشنهادی :

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *