طريقة fadeIn() لـ jQuery

طريقة تأثير jQuery

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

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

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

إنه يستخدم معfadeTo()الطريقة مشابهة، ولكن هذه الطريقة لا تسحب العنصر المخفي، ويمكن تحديد درجة الشفافية النهائية.

النحو:

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

مثال

تسليط الضوء على عناصر <div> :

$("button").click(function(){
　　$("div").fadeIn();
});

تسليط الضوء على جميع عناصر <p> :

$("button").click(function(){
　　$("p").fadeIn();
});

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

$("button").click(function(){
　　$("p").fadeIn(1500);
});

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

$("button").click(function(){
　　$("div").fadeIn(600, function(){
$("h3").text("اكتمال التدرج.");
　　});
});

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

$("button").click(function(){
　　$("img").fadeIn();
});

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

طريقة تأثير jQuery