jQuery Effects - Fading
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery Effects - Fading
</> jQuery Effects - Fading
ال jQuery Fade methods نقوم باظهار واخفاء ال Element مع التلاشي او التناثر اليك هذا المثال
Result
Fade-in/Fade-out
يظهر الكود بهذا الشكل على المتصفح
</> jQuery fadeIn
ال jQuery fadeIn methods نقوم باظهار ال Element مع التلاشي او التناثر ويجب ان يكون ال Element في وضع ال display none
بداخل ال fadeIn يمكنك وضع parameter اضافي وهو سرعة اظهار ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter , وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
Syntax :
$(selector).fadeIn(speed,callback);
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
</> jQuery fadeOut
ال jQuery fadeOut methods نقوم باخفاء ال Element مع التلاشي او التناثر ويجب ان يكون ال Element في وضع غير ال display none
بداخل ال fadeOut يمكنك وضع parameter اضافي وهو سرعة اظهار ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter , وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
Syntax
$(selector).fadeOut(speed,callback);
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
</> jQuery fadeToggle
ال jQuery fadeToggle methods نقوم اظهار واخفاء ال Element مع التلاشي او التناثر وليس ضرورياً ان يكون ال Element في وضع display none او خلافه
بداخل ال fadeToggle يمكنك وضع parameter اضافي وهو سرعة اظهار واخفاء ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter , وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
$(selector).fadeToggle(speed,callback);
Result
Demonstrate fadeToggle() with different speed parameters.
يظهر الكود بهذا الشكل على المتصفح
</> jQuery fadeTo
ال jQuery fadeTo methods نقوم باظهار واخفاء ال Element مع التلاشي او التناثر باضافة خاصية جديدة وهي opacity تاخذ قيمة من 0 الي 1
وليس ضرورياً ان يكون ال Element في وضع display none او خلافه
بداخل ال fadeTo يمكنك وضع parameter اضافي وهو سرعة اظهار واخفاء ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter , وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
$(selector).fadeTo(speed,opacity,callback);
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
