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

طريقة fadeToggle() في تأثير jQuery

طريقة تأثير jQuery

يمكن استخدام دالة fadeToggle() فيfadeIn()وfadeOut()تبديل الأساليب.

إذا تم إيقاف تشغيل العناصر المحددة، فإن fadeToggle() سيجعلها تظهر.

إذا تم التشغيل التدريجي للعناصر المحددة، فإن fadeToggle() سيجعلها تختفي.

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

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

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

مثال

في بين التبديل بين التشغيل والتوقف التدريجي لجميع عناصر <p>:

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

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

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

استخدامإرجاعالمعلمات:

$("button").click(function(){
  $("div").fadeToggle(1500, function(){
    alert("تم اكتمال تأثير fadeToggle!!!");
  });
});
اختبار لمعرفة‹/›

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

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

قيمة المعلمات

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

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

  • ألف ثانية (مثل 100، 500، 2000، إلخ)

  • “fast”

  • “slow”

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

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

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

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

إرجاعاختياري - بمجرد اكتمال وظيفة fadeToggle()، سيتم استدعاء هذه الوظيفة مرة واحدة لكل عنصر مختار

طريقة تأثير jQuery