منتديات فيس بويز
أنت غير مسجل في منتديات فيس بويز. للتسجيل الرجاء إضغط هنا



كيفية التسجيل في المنتدى من هنا [ضروري]


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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف Administrator في الأربعاء 15 فبراير 2012 - 22:32



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

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

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





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

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

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





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

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

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

تم نضع الوسوم






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






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





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




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

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

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

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




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

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





نتيجة cheers Laughing Very Happy




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




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

_________________
********التــــــــــوقيــــــــــع********
يا قارىء كلماتي
لا تبكي على موتي... فاليوم انا معك وغدا في التراب
ويا مارا على قبري... لا تعجب من امري
بالامس كنت معك... وغدا انت معي
اموت ويبقى كل ما كتبته ذكرى .
فيـا ليت كل من قرأ كلماتي
دعـا لي

avatar
Administrator
Admin

عدد المساهمات : 215
نقاط : 109499
تاريخ التسجيل : 31/12/2011
العمر : 16
الموقع : http://faceboys.ibda3.org

معاينة صفحة البيانات الشخصي للعضو http://faceboys.ibda3.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى