أثر jQuery - سحب

jQuery اسکرول میتھود عناصر کو آپریشن سے اوپر اوپر سلیڈ کر سکتا ہے。

مظاہرہ اثر

یہاں کلیل، پینل کو پوشا/ظاہر کریں

ایک اینچ وقت ایک اینچ سونہ، اس لئے، آپ کو تیز اور آسان سیکھنے والی معلومات فراہم کیں گے。

یہاں، آپ اپنی چاہئیئے کسی بھی معلومات کو ایک آسان طریقے سے حاصل کرسکتے ہیں。

مثال

jQuery slideDown()
روش slideDown() جی کوئری را نمایش می‌دهیم.
جی کوئری slideUp()
روش slideUp() جی کوئری را نمایش می‌دهیم.
جی کوئری slideToggle()
روش slideToggle() جی کوئری را نمایش می‌دهیم.

روش‌های لغزنده جی کوئری

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

جی کوئری دارای روش‌های لغزنده زیر است:

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

روش slideDown() جی کوئری

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

قانون‌نویسی:

$(اختیارگر).slideDown(سرعت,کالبک);

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

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

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

مثال

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

آزمایش کنید

روش slideUp() جی کوئری

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

قانون‌نویسی:

$(اختیارگر).slideUp(سرعت,کالبک);

اختیاری سرعت پارامتر speed مدت زمان اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow"، "fast" یا میلی ثانیه.

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

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

مثال

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

آزمایش کنید

روش slideToggle() جی کوئری

روش slideToggle() جی کوئری می‌تواند بین روش‌های slideDown() و slideUp() جابجا شود.

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

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

$(اختیارگر).slideToggle(سرعت,کالبک);

اختیاری سرعت پارامتر speed مدت زمان اثر را مشخص می‌کند. می‌تواند یکی از موارد زیر باشد: "slow"، "fast" یا میلی ثانیه.

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

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

مثال

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

آزمایش کنید

جی کوئری اثرها منجمن مرجع

برای بررسی کامل جی کوئری اثرها، لطفاً از جی کوئری اثرها منجمن مرجع。