{×} دروس JQUERY {×} درس عمل حركة شفافية الصفحات بشكل رائع {×} حصريا

السلام عليكم ورحمة الله تعالى وبركاته

والصلاة والسلام على اشرف الأنبياء والمرسلين محمد صلى الله عليه وسلم

اليوم اعزائي اعضاء وزوار منتدى البرمجة والتطوير

اقدم لكم اليوم احد دروسي الاحترافية في البرمجة

واليوم محطتنا مع تقنية JQUERY

وقد قررت وضع احد الدروس لها في هاته الأيام لان الجميع يريد تعلم هاته التقنية الرائعة

لهذا درسنا اليوم وهو عن حركة رائعة في الجيكوري

وهي حركة عمل شفافية للصفحة باكملها بدون تحذيث للصفحة ..

أولا نفتح اي برنامج تحرير وننشئ ملف بامتداد html

تم نضع الوسوم

الآن نستدعي مكتبة الجيكوري يمكنكم تحميلها من الموقع الرسمي للتقنية هنا

الآن نضع هذا الأمر وهو لوضع كود جافاسكريبت داخل ملف html

الآن نضع التالي وسارشحه لكم طبعا

1 : عملنا ready وفونكسيون جديد وذلك لطبع ما سياتي بعد هاته الجملة .

2 : الآن وضعنا button وهي تتحكم في الزر الذي عند الضغط عليه ستنقص شفافية الصفحة باكملها . تم وضعنا click وفتحنا فونكسيون اخر والكليك تتحكم في الزر اللي فوق .

3 : نضع div بامر fadeTo وهو امر للتحكم في الشفافية وبين () نضع خاصية slow التي بها سنحدد قيمة الشفافية التي ستظهر عليها الصفحة بعد الضغط على الزر

والآن نضع div به خلفية للجدول وحجمه تم نضع الزر الذي سنضغط عليه لتتم الحركة

الآن مع النتائج

نضغط على الأيقونة

نتيجة

انتهى الدرس نلتقي في دروس أخرى

تحياتي للجميع