admin
admin

شرح تصميم فورم تسجيل دخول بالجيكويرى

12 Apr 2018
4.5(84)
3639
25

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

موقع بالمجان يقدم لكم كل ما هو جديد فى عالم البرمجه التكويد

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

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

اولا : نقوم باستدعاء bootstrap و ادراج صوره svg للمبه التى سوف يتم عمل الانيميشن عليها واضافة style لهذه الصوره كما هو مضح فى الصور الاتيه:

 

ثانيا : نقوم بعمل القسم الخاص بالفورم ووضع الinputs بداخلها مثل الاسم وكلمة المرور والبريد الالكترونى كما هو موضح

ثالثا : عمل كود جى كويرى وذلك لجعل الانيميشن يتحرك وذلك باعطاء الحقول class وعند الضغط على الكلاس نقوم باستدعاء الداله الخاصة به كما هو موضح

 

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

 

الكود بالكامل للتحميل

code

 

admin

التعليقات

اضف تعليق

    عللى

    6 yearsمنذ


    تست