آموزش جی کوئری – افکت Sliding در jQuery

  • منتشر شده در تاریخ

آموزش جی کوئری

در بخش قبلی افکت محو شدن در jQuery را بررسی کردیم. در این قسمت از سری آموزش جی کوئری و افکت ها, به افکت Sliding در jQuery یا همان افکت کشویی می پردازیم.

 

متدهای slideUp() و slideDown() جی کوئری

متدهای slideUp() و slideDown() در جی کوئری برای نمایش یا مخفی کردن عناصر HTML بصورت تدریجی با کاهش یا افزایش ارتفاع آن ها (اسلاید به بالا یا پایین) استفاده می شود.

همانند دیگر متدهای افکت جی کوئری, می توانید یک مقدار پارامتر مدت زمان یا سرعت برای متدهای slideUp() و slideDown() به منظور کنترل اینکه انیمیشن چه مدت طول بکشد, مشخص کنید.

مدت زمان می تواند یکی از عبارات از پیش تعیین شده بصورت رشته مانند ‘slow’ یا ‘fast’ , یا عددی در میلی ثانیه برای دقت بیشتر یا انیمیشن های آرام تر استفاده کنید.

همچنین می توانید یک تابع بازگشتی (callback) برای اجرا بعد از تکمیل متدهای slideUp() و slideDown() مشخص کنید.

در مورد تابع بازگشتی در بخش های آینده بیشتر آموزش می دهیم.

 

متد slideToggle() جی کوئری

متد slideToggle() , عنصر انتخاب شده را با متحرک سازی ارتفاع آن ها مخفی یا نمایش می دهد. به اینصورت که اگر محو باشند آن را نمایان می کند و اگر نمایان باشد محو می کند.

برای کنترل سرعت افکت Sliding در jQuery نیز می توانید برای متد fadeToggle() یک مدت زمان را تعیین کنید.

تابع بازگشتی را به این صورت می توانید برای متد slideToggle() مشخص کنید :

 

امیدوارم در این بخش آموزش جی کوئری, از افکت Sliding در jQuery نهایت استفاده را برده باشید.

در بخش بعدی با افکت انیمیشن jQuery , آشنا می شوید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

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

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

    دوره های آموزشی