{×} دروس JQUERY {×} درس عمل حركة رائعة على الجداول تكبيرها وتصغيرها {×} حصريا

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

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

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

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

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

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

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

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

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

تم نضع الوسوم

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

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

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

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

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

3 : الآن وضعنا div بامر animate تم وضعنا الطول الذي سيكون عليه الجدول بعد التكبير.

4 : الآن وضعنا div بامر animate تم وضعنا العرض الذي سيكون عليه الجدول بعد التكبير.

5 : الآن وضعنا div بامر animate تم وضعنا الطول الذي سيكون عليه الجدول قبل التكبير.

6 : الآن وضعنا div بامر animate تم وضعنا العرض الذي سيكون عليه الجدول قبل التكبير.

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

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

شاهد الفيديو على يوتيوب

https://www.youtube.com/watch?v=a54R3esRnx0

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