تأثيرات jQuery - انزلاق
تعمل طرق شرائح jQuery على تحريك العناصر لأعلى ولأسفل.
انقر للانزلاق إلى أسفل / أعلى اللوحة
لأن الوقت ثمين ، فنحن نقدم تعلمًا سريعًا وسهلاً.
في W3Schools ، يمكنك دراسة كل ما تحتاج إلى تعلمه ، بتنسيق سهل الوصول إليه.
أمثلة
slideDown () طريقة jQuery slideDown ().
slideUp () طريقة jQuery slideUp ().
slideToggle () طريقة jQuery slideToggle ().
طرق انزلاق jQuery
باستخدام jQuery ، يمكنك إنشاء تأثير انزلاقي على العناصر.
يحتوي jQuery على طرق الشرائح التالية:
slideDown()
slideUp()
slideToggle()
طريقة jQuery slideDown ()
تُستخدم طريقة jQuery لتحريك slideDown()
عنصر لأسفل.
بناء الجملة:
$(selector).slideDown(speed,callback);
تحدد معلمة السرعة الاختيارية مدة التأثير. يمكن أن يأخذ القيم التالية: "بطيء" أو "سريع" أو مللي ثانية.
معلمة رد الاتصال الاختيارية هي وظيفة يتم تنفيذها بعد اكتمال الانزلاق.
يوضح المثال التالي slideDown()
الطريقة:
مثال
$("#flip").click(function(){
$("#panel").slideDown();
});
طريقة jQuery slideUp ()
تُستخدم طريقة jQuery لتحريك slideUp()
عنصر لأعلى.
بناء الجملة:
$(selector).slideUp(speed,callback);
تحدد معلمة السرعة الاختيارية مدة التأثير. يمكن أن يأخذ القيم التالية: "بطيء" أو "سريع" أو مللي ثانية.
معلمة رد الاتصال الاختيارية هي وظيفة يتم تنفيذها بعد اكتمال الانزلاق.
يوضح المثال التالي slideUp()
الطريقة:
مثال
$("#flip").click(function(){
$("#panel").slideUp();
});
طريقة jQuery slideToggle ()
slideToggle()
يبدل أسلوب jQuery بين التابعين slideDown()
و slideUp()
.
إذا تم انزلاق العناصر لأسفل ، slideToggle()
فسيتم تحريكها لأعلى.
إذا انزلقت العناصر لأعلى ، slideToggle()
فسيتم تحريكها لأسفل.
$(selector).slideToggle(speed,callback);
يمكن أن تأخذ معلمة السرعة الاختيارية القيم التالية: "بطيء" ، "سريع" ، مللي ثانية.
معلمة رد الاتصال الاختيارية هي وظيفة يتم تنفيذها بعد اكتمال الانزلاق.
يوضح المثال التالي slideToggle()
الطريقة:
مثال
$("#flip").click(function(){
$("#panel").slideToggle();
});
تمارين مسج
مرجع تأثيرات jQuery
للحصول على نظرة عامة كاملة على جميع تأثيرات jQuery ، يرجى الانتقال إلى مرجع تأثير jQuery .