أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery آثار - البهت


مع مسج يمكنك تتلاشى عناصر داخل وخارج الرؤية.

انقر لتتلاشى في / خارج لوحة

لأن الوقت ثمين، ونحن تقديم التعلم السريع والسهل.

في w3ii ، يمكنك دراسة كل ما تحتاجه لتعلم، في شكل يسهل الوصول إليها ومفيد.


أمثلة

مسج fadeIn()
يدل على مسج fadeIn() الأسلوب.

مسج fadeOut()
يدل على مسج fadeOut() الأسلوب.

مسج fadeToggle()
يدل على مسج fadeToggle() الأسلوب.

مسج fadeTo()
يدل على مسج fadeTo() الأسلوب.


مسج طرق يتلاشى

مع مسج يمكنك تتلاشى عنصر الدخول والخروج من وضوح الرؤية.

مسج لديه أساليب تتلاشى التالية:

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

مسج fadeIn() الطريقة

ومسج fadeIn() يستخدم طريقة لتتلاشى في العنصر الخفي.

بناء الجملة:

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

تحدد سرعة مقياس اختياري لمدة تأثير. يمكن أن يستغرق القيم التالية: "slow", "fast" ، أو ميلي ثانية.

المعلمة رد الاختيارية هي وظيفة ليتم تنفيذها بعد اكتمال يتلاشى.

يوضح المثال التالي fadeIn() الأسلوب مع معلمات مختلفة:

مثال

$("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
});
انها محاولة لنفسك »

مسج fadeOut() الطريقة

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

بناء الجملة:

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

تحدد سرعة مقياس اختياري لمدة تأثير. يمكن أن يستغرق القيم التالية: "slow", "fast" ، أو ميلي ثانية.

المعلمة رد الاختيارية هي وظيفة ليتم تنفيذها بعد اكتمال يتلاشى.

يوضح المثال التالي fadeOut() الأسلوب مع معلمات مختلفة:

مثال

$("button").click(function(){
    $("#div1").fadeOut();
    $("#div2").fadeOut("slow");
    $("#div3").fadeOut(3000);
});
انها محاولة لنفسك »

مسج fadeToggle() الطريقة

ومسج fadeToggle() تبديل طريقة بين fadeIn() و fadeOut() الأساليب.

إذا تلاشى العناصر خارج، fadeToggle() سوف تتلاشى لهم بالدخول.

إذا تلاشى العناصر في، fadeToggle() سوف تتلاشى بها.

بناء الجملة:

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

تحدد سرعة مقياس اختياري لمدة تأثير. يمكن أن يستغرق القيم التالية: "slow", "fast" ، أو ميلي ثانية.

المعلمة رد الاختيارية هي وظيفة ليتم تنفيذها بعد اكتمال يتلاشى.

يوضح المثال التالي fadeToggle() الأسلوب مع معلمات مختلفة:

مثال

$("button").click(function(){
    $("#div1").fadeToggle();
    $("#div2").fadeToggle("slow");
    $("#div3").fadeToggle(3000);
});
انها محاولة لنفسك »

مسج fadeTo() الطريقة

ومسج fadeTo() الأسلوب يسمح يتلاشى إلى التعتيم معين (قيمة بين 0 و 1).

بناء الجملة:

$(selector).fadeTo(speed,opacity,callback);

تعين المعلمة السرعة المطلوبة ومدة التنفيذ. يمكن أن يستغرق القيم التالية: "slow", "fast" ، أو ميلي ثانية.

المعلمة التعتيم المطلوبة في fadeTo() طريقة تحديد يتلاشى إلى التعتيم معين (قيمة بين 0 و 1).

المعلمة رد الاختيارية هي وظيفة ليتم تنفيذها بعد اكتمال وظيفة.

يوضح المثال التالي fadeTo() الأسلوب مع معلمات مختلفة:

مثال

$("button").click(function(){
    $("#div1").fadeTo("slow", 0.15);
    $("#div2").fadeTo("slow", 0.4);
    $("#div3").fadeTo("slow", 0.7);
});
انها محاولة لنفسك »

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 »


مسج تأثيرات المرجعي

لمحة كاملة من جميع آثار مسج، يرجى زيارة موقعنا مسج تأثير المرجعي .