افکت ()animate در جی کوئری :
امروز قصد داریم به شما استفاده از افکت ()animate در جی کوئری را آموزش بدهیم. در jQuery، می توان انیمیشن های متعدد ساده و پیچیده ای را با استفاده از افکت ()animate ایجاد کرد.
با استفاده از این متد می توان رنگ زمینه، استایل کادر، تغییر فونت و خیلی از موارد دیگر را روی یک عنصر بصورت انیمیشن اعمال کنید.
Syntax:
$(selector).animate({params},speed,callback);
params :
این پارامتر همان کدهای CSS می باشد که میخواهیم روی عنصر مورد نظر بصورت انیمیشن اعمال کنیم.
Speed :
یک پارامتر اختیاری است که سرعت انیمیشن عنصر مورد نظر را تعیین می کند و بصورت پیشفرض ۴۰۰ میلی ثانیه است. مقدارهای قابل استفاده :
- milliseconds
- “slow”
- “fast”
Callback :
یک تابع اختیاری است که پس از ظاهر شدن عنصر مورد نظر به نمایش درمی آید.
در زیر می توانید مثال هایی از این افکت را مشاهده فرمائید :
مثال اول :
مثال دوم :
مثال سوم :
از اینکه فرازگر را در این مقاله همرایی کردید از شما سپاسگذاریم.
سایت کتابخانه جی کوئری : www.jquery.com
مقاله پیشنهادی :