English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة slideUp() لـ jQuery

طرق التأثير jQuery

يخفي الطريقة slideUp() العناصر المحددة بشكل تدرج

ملاحظة:العناصر المخفية لا تؤثر بعد الآن على تخطيط الصفحة.

يستخدم هذا الطريقة عادةً معslideDown()استخدام الطرق معًا.

النحو:

$(selector).slideUp(duration, easing, callback)

مثال

عند الضغط على "#my-Div"، يخفي هذا المثال " .panel " في الصفحة

$("#my-Div").click(function(){
  $(".panel").slideUp();
});
التحقق من التشغيل‹/›

عند الضغط على الزر، تحريك جميع عناصر <p> للأعلى

$("button").click(function(){
  $("p").slideUp();
});
التحقق من التشغيل‹/›

استخدامالمدةالمعلمات:

$("button").click(function(){
  $("p").slideUp(1500);
});
التحقق من التشغيل‹/›

استخدامدالة التدفق المكتملالمعلمات:

$("button").click(function(){
  $("div").slideUp(1500, function(){
    alert("التحريك للأعلى اكتمل!");
  });
});
التحقق من التشغيل‹/›

استخدام وقت التأخير المستمر والمتدرج بشكل خطي لتحريك جميع " .panel " للأعلى

$("#my-Div").click(function(){
  $(".panel").slideUp("slow", "linear");
});
التحقق من التشغيل‹/›

تحريك جميع التدرجات (في هذا المثال كلمات) بسرعة تمرير، إكمال كل تحريك في 200 مللي ثانية:}

$("button").click(function(){
  $("span:last-child").slideUp("fast", function(){
    $(this).prev().slideUp("fast", arguments.callee);
  });
});
التحقق من التشغيل‹/›

قيمة الم 参数

الم 参数الوصف
المدةخيارية-محدد ما سيكون طول تأثير الحركة. القيمة المبدئية هي 400 مللي ثانية

القيم الممكنة:

  • المللي ثانية (مثل 100، 500، 2000 وما إلى ذلك)

  • “fast”

  • “slow”

التدرجخيارية-قيمة نصية تعين سرعة العنصر في مراحل مختلفة من التحريك. القيمة الافتراضية هي“ swing”

القيم الممكنة:

  • “swing”-تحريك ببطء عند البداية والنهاية، ولكن بسرعة في الوسط

  • “linear”-تحريك بسرعة ثابتة

دالة التدفق المكتملدالة تدعى عند إكمال طريقة slideUp()، مرة واحدة لكل عنصر مختار

طرق التأثير jQuery