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

مетод jQuery Effects fadeOut()

طريقة تأثير jQuery

يستخدم طريقة fadeOut() لتراجع شفافية العنصر المحدد من المرئي إلى المخفي.

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

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

القواعد النحوية:

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

مثال

تنقيح جميع عناصر <p>:

$("button").click(function(){
  $("p").fadeOut();
});
اختبار لمعرفة‹/›

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

$("button").click(function(){
  $("p").fadeOut(1500);
});
اختبار لمعرفة‹/›

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

$("button").click(function(){
  $("div").fadeOut(600, function(){
    $("h3").text("Fade OUT complete.");
  });
});
اختبار لمعرفة‹/›

يمكننا تحقيق تأثيرات تدرج لكل عنصر، مثل الصور البسيطة:

$("button").click(function(){
  $("img").fadeOut();
});
اختبار لمعرفة‹/›

قيمة المعامل

معاملوصف
duration(اختياري) تحديد وقت استمرار تأثير التدرج. القيمة المبدئية هي 400 ميليسي ثانية

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

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

  • “fast”

  • “slow”

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

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

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

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

callback(اختياري) انتهاء fadeOut()، سيتم استدعاء الدالة، مرة واحدة لكل عنصر مختار

طريقة تأثير jQuery