طريقة jQuery effects fadeTo()

أساليب التأثير لـ jQuery

يُغيّر طريقة fadeTo() شفافية العنصر المحدد تدريجيًا إلى شفافية معينة.

هذه الطريقة مشابهة لـfadeIn()تماماً مثل الطريقة المماثلة، ولكن هذه الطريقة تزيل إخفاء العنصر، وتظهر دائمًا بنسبة شفافية 100٪.

ملاحظة: يُؤدي طريقة fadeTo() إلى عدم تغيير ترتيب الصفحة (سيظل المكون المحدد يأخذ نفس المساحة كالسابق).

النحو:

$(selector)fadeTo.(duration,　opacity,　easing,　callback)

مثال

تقليل درجة الشفافية للمكون <div> تدريجياً:

$("button").click(function(){
　　$("div").fadeTo(500,　0.2);
});

تغيير درجة الشفافية للمكون <div> تدريجياً:

$("#btn1").click(function(){
　　$("div").fadeTo(1000,　0);
});
$("#btn2").click(function(){
　　$("div").fadeTo(1000, 1);
});

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

$("button").click(function(){
　　$("div").fadeTo(500, 0, function(){
　　　　alert("انخفاض الشفافية!!!");
　　});
});

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

أساليب التأثير لـ jQuery