بسم الله الرحمن الرحيم

اليوم إن شاء الله تعالى سنتعرف على .fadeIn() & .fadeOut()

لنبدأ بـ .fadeIn()

لنتابع المثال التالي :

وطبعا من اجل تحليل السكربت المرفق أحب التنويه إلى انه يجب مشاهدة الإستايل أولا :

السطر الذي باللون الأحمر مهم جدا لعمل التأثير حيث يجب إن يكون العنصر الواجب إظهاره مخفيا من قبل

جيد جدا اضن انه لحد هنا كل شيء مفهوم

لنعد إلى المهم ونفصله تفصيلا :

الآن ستلاحظون إن السكربت تغير عن الماضي حيث جعلنا كامل السكربت على شكل دالة بالأمر :

ثم بعدها أدخلنا دالة داخلها وهي :

وأخيرا وضعنا التأثير كالتالي :

حيث أن 1000 كما سبق وشرحنا هي تساوي ثانية واحدة كوقت لتنفيذ التأثير

اضن إن كل الخطوات مفهومة ولم يتبقى سوى تجربة السكربت ..

إذا توكلوا على الله إخواني أخواتي وجربوا الكود

نعود بعد الفاصل ...

عدنا .. مع .fadeOut

سنعتمد على نفس المثال فقط تغيير بسيط :

حذف السطر من ملف الإستايل :

ثم تغيير .fadeIn  بـ .fadeOut ليصبح السكربت كالتالي :

  

أليس الأمر بشيق ورائع إن ترى المكتبة تنقص عليك مجموعة من السطور

ختاما أحبابي في الله أتمنى صادقا إن تقوموا بتطبيق الخطوات السابقة

وتراجعوها وأي استفسار على الرحب والسعة على ألا يكون خارج إطار الدروس المقدمة حتى لا نسبق الأحداث ونضيع المبتدئين

محبكم في الله محمد طه

بقلم محمد طه

محمد طه مدون مغربي مهتم ببرمجة وتصميم المواقع ومهووس بتعلم كل جديد في مجال البرمجة والتصميم واحب نشر ما اعرفه ليتعلم منه الناس باسلوبي الخاص