jQuery Effects - Sliding
سوف تتعلم في هذا الدرس طريقة اظهار واخفاء ال Elements مع السحب باستخدام مكتبة ال JQuery
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery Effects - Sliding
</> jQuery Effects - Sliding
ال jQuery Slide methods نقوم باظهار واخفاء ال Element مع السحب اليك هذا المثال
Result
Fade-in/Fade-out
يظهر الكود بهذا الشكل على المتصفح
</> jQuery slideDown
ال jQuery slideDown methods نقوم باظهار ال Element مع السحب ويجب ان يكون ال Element في وضع ال display none
بداخل ال slideDown يمكنك وضع parameter اضافي وهو سرعة اظهار ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter, وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
$(selector).slideDown(speed,callback);
$("#flip").click(function(){
$("#panel").slideDown();
});
</> jQuery slideUp
ال jQuery slideUp methods نقوم باخفاء ال Element مع السحب ويجب ان يكون ال Element في وضع غير ال display none
بداخل ال slideUp يمكنك وضع parameter اضافي وهو سرعة اظهار ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter , وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
$(selector).slideUp(speed,callback);
$("#flip").click(function(){
$("#panel").slideUp();
});
</> jQuery slideToggle
ال jQuery slideToggle methods نقوم بالتبديل بين اظهار واخفاء ال Element مع السحب وليس ضرورياً ان يكون ال Element في وضع display none او خلافه
بداخل ال slideToggle يمكنك وضع parameter اضافي وهو سرعة اظهار واخفاء ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter , وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
$(selector).slideToggle(speed,callback);
$("#flip").click(function(){
$("#panel").slideToggle();
});
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
