Latest web development tutorials

آثار مسج - تتلاشى

بواسطة مسج، يمكنك تنفيذ عناصر تتلاشى تأثير.

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

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

في هذا البرنامج التعليمي، ويمكنك معرفة المعرفة اللازمة.

أمثلة

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

مسج الاختفاء التدريجي ()
مسج الاختفاء التدريجي () طريقة العرض.

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

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

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

بواسطة مسج، يمكنك تنفيذ عناصر تتلاشى تأثير.

مسج أربعة تتلاشى الطرق التالية:

  • fadeIn ()
  • الاختفاء التدريجي ()
  • fadeToggle ()
  • fadeTo ()

مسج fadeIn) طريقة (

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

بناء الجملة:

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

تحدد سرعة مقياس اختياري لمدة تأثير. قد يستغرق القيم التالية: "بطيء"، "سريع"، أو ميلي ثانية. .

المعلمة رد اختياري هو اسم الدالة أعدم بعد يتلاشى الانتهاء.

يوضح المثال التالي، مع معلمات مختلفة fadeIn طريقة ():

أمثلة

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

محاولة »

مسج الاختفاء التدريجي) طريقة (

يستخدم أسلوب مسج الاختفاء التدريجي () لتتلاشى عناصر مرئية.

بناء الجملة:

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

تحدد سرعة مقياس اختياري لمدة تأثير. قد يستغرق القيم التالية: "بطيء"، "سريع"، أو ميلي ثانية.

المعلمة رد اختياري هو اسم الدالة أعدم بعد يتلاشى الانتهاء.

يوضح المثال التالي، مع معلمات مختلفة الاختفاء التدريجي طريقة ():

أمثلة

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

محاولة »

مسج fadeToggle) طريقة (

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

إذا تركت العنصر، فإن fadeToggle () إضافة تأثير تتلاشى للعناصر.

إذا كان العنصر هو تتلاشى، وfadeToggle () وإضافة تأثير تتلاشى التدريجي للعناصر.

بناء الجملة:

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

تحدد سرعة مقياس اختياري لمدة تأثير. قد يستغرق القيم التالية: "بطيء"، "سريع"، أو ميلي ثانية.

المعلمة رد اختياري هو اسم الدالة أعدم بعد يتلاشى الانتهاء.

يوضح المثال التالي، مع معلمات مختلفة fadeToggle طريقة ():

أمثلة

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

محاولة »

مسج fadeTo) طريقة (

يسمح طريقة مسج fadeTo () لغموض التدرج معين (قيمة بين 0 و 1).

بناء الجملة:

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

المعلمات سرعة طول الفترة الزمنية اللازمة المحددة تأثير. قد يستغرق القيم التالية: "بطيء"، "سريع"، أو ميلي ثانية.

غموض معلمات fadeTo طريقة () المطلوبة سوف تتلاشى تأثير على التعتيم معين (قيمة بين 0 و 1).

المعلمة رد اختياري هو اسم وظيفة بعد الانتهاء من وظيفة يؤديها.

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

أمثلة

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

محاولة »