آثار jQuery - حرکت

روش اسلاید ج کوئری می‌تواند عناصر را به بالا و پایین حرکت دهد.

نمایش اثر

اینجا کلیک کنید تا پنل را پنهان/نمایش کنید

یک لحظه زمان به یک جواهر می‌رسد، بنابراین، ما برای شما محتوای آموزشی سریع و قابل فهم ارائه می‌دهیم.

در اینجا، شما می‌توانید به یک روش ساده و آسان به هر دانشی که نیاز دارید دسترسی پیدا کنید.

مثال

jQuery slideDown()
مثال روش slideDown() jQuery را نشان می‌دهد.
jQuery slideUp()
مثال روش slideUp() jQuery را نشان می‌دهد.
jQuery slideToggle()
مثال روش slideToggle() jQuery را نشان می‌دهد.

روش‌های لغزش jQuery

با استفاده از jQuery، می‌توانید اثرات لغزش بر روی عناصر ایجاد کنید.

jQuery دارای روش‌های لغزش زیر است:

  • slideDown()
  • slideUp()
  • slideToggle()

مетод slideDown() jQuery

مетод slideDown() jQuery برای حرکت به پایین عنصر استفاده می‌شود.

ترتیب:

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

پارامتر اختیاری speed زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow", "fast" یا میلiseconds.

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

در مثال زیر، روش slideDown() را نشان می‌دهیم:

مثال

$("#flip").click(function(){
  $("#panel").slideDown();
});

آزمایش کنید

مетод slideUp() jQuery

مетод slideUp() jQuery برای حرکت به بالا عنصر استفاده می‌شود.

ترتیب:

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

اختیاری speed پارامتر speed زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow", "fast" یا میلiseconds.

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

در مثال زیر، روش slideUp() را نشان می‌دهیم:

مثال

$("#flip").click(function(){
  $("#panel").slideUp();
});

آزمایش کنید

مетод slideToggle() jQuery

مетод slideToggle() jQuery می‌تواند بین slideDown() و slideUp() روشن و خاموش شود.

اگر عنصر به پایین حرکت کند، slideToggle() می‌تواند آن‌ها را به بالا حرکت دهد.

اگر عنصر به بالا حرکت کند، slideToggle() می‌تواند آن‌ها را به پایین حرکت دهد.

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

اختیاری speed پارامتر speed زمان اجرای اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow", "fast" یا میلiseconds.

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

در مثال زیر، روش slideToggle() را نشان می‌دهیم:

مثال

$("#flip").click(function(){
  $("#panel").slideToggle();
});

آزمایش کنید

دستورالعمل‌های اثر jQuery

برای بررسی کامل اثرات jQuery، لطفاً به دستورالعمل‌های اثر jQuery