أثر jQuery - التحرك

يمكن لطريقة السحب في jQuery تحريك العنصر لأعلى ولأسفل.

عرض التأثير

انقر هنا لإخفاء/إظهار اللوحة

الوقت قيمة كالمال، لذا نقدم لك محتوى تعليمي سريع وسهل الفهم.

في هذا المكان، يمكنك الحصول على أي معرفة تحتاجها بطرق بسيطة وسهلة الفهم.

مثال

jQuery slideDown()
توضيح طريقة slideDown() لجافا سكربت جي كي وي.
جافا سكربت جي كي وي slideUp()
توضيح طريقة slideUp() لجافا سكربت جي كي وي.
جافا سكربت جي كي وي slideToggle()
توضيح طريقة slideToggle() لجافا سكربت جي كي وي.

طرق السحب لجافا سكربت جي كي وي

من خلال جافا سكربت جي كي وي، يمكنك إنشاء تأثيرات سحب على العناصر.

تتمتع جافا سكربت جي كي وي بطرق سحب عديدة:

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

طريقة slideDown() لجافا سكربت جي كي وي

يستخدم طريقة slideDown() لجافا سكربت جي كي وي لسحب العنصر للأسفل.

النمط:

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

الم 参数 الاختياري يحدد وقت التأثير. يمكن أن يأخذ القيم التالية: "slow"، "fast" أو ميليسي ثانية.

الم 参数 الاختياري هو اسم الدالة التي سيتم تنفيذها بعد الانتهاء من التدفق.

في المثال التالي، يتم عرض طريقة slideDown():

مثال

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

تجربة شخصياً

طريقة slideUp() لجافا سكربت جي كي وي

يستخدم طريقة slideUp() لجافا سكربت جي كي وي لسحب العنصر لأعلى.

النمط:

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

اختياري speed الم 参数 يحدد وقت التأثير. يمكن أن يأخذ القيم التالية: "slow"، "fast" أو ميليسي ثانية.

اختياري callback الم 参数 هو اسم الدالة التي سيتم تنفيذها بعد الانتهاء من التدفق.

في المثال التالي، يتم عرض طريقة slideUp():

مثال

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

تجربة شخصياً

طريقة slideToggle() لجافا سكربت جي كي وي

يمكن للطريقة slideToggle() لجافا سكربت جي كي وي التبديل بين slideDown() و slideUp().

إذا كان العنصر يتحرك للأسفل، يمكن للـ slideToggle() سحبه للأعلى.

إذا كان العنصر يتحرك للأعلى، يمكن للـ slideToggle() سحبه للأسفل.

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

اختياري speed الم 参数 يحدد وقت التأثير. يمكن أن يأخذ القيم التالية: "slow"، "fast" أو ميليسي ثانية.

اختياري callback الم 参数 هو اسم الدالة التي سيتم تنفيذها بعد الانتهاء من التدفق.

في المثال التالي، يتم عرض طريقة slideToggle():

مثال

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

تجربة شخصياً

دليل التأثيرات لجافا سكربت جي كي وي

للتحقق من تأثيرات جافا سكربت جي كي وي بشكل كامل، يرجى زيارة دليل التأثيرات لجافا سكربت جي كي وي。