دورة الجيكويري - الدرس 16 - شرح stop | مدونة ملك العرب التعليمية

الجمعة، 19 سبتمبر 2014

دورة الجيكويري - الدرس 16 - شرح stop

الجمعة، 19 سبتمبر 2014 تحرير

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

السلام عليكم ورحمة الله وبركاته
كيف حالكم اخواني اخواتي .. ان شاء الله بالف خير ..

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

دورها هو إيقاف حدث معين لمدة محددة مسبقا

قبل البدء أحب التنويه إلى أنه مكتبة الجيكويري حساسة لحالة الأحرف لهذا أكتبوا الأكواد كما هي ..

لنبدأ بـمثال كالعادة وليكن التالي :

<!doctype html> <html> <head> <meta charset="utf-8"> <title>stop</title> <script src="lib/jquery.js"></script> <script> $(function(){ $(".start").click(function(){ $(".add").animate({left:'+400px'}, 4500 ); }); $(".stop").click(function(){ $(".add").stop(); }); }); </script> <style> .add{ position: absolute; } </style> </head> <body> <button class="start">start</button> <button class="stop">stop</button> <h1 class="add"> Mohammed Taha</h1> </body> </html>

لنقم بتحليل الوثيقة كالعادة ..

قمنا بعمل عنصري button و عنصر h1 في وثيقتنا وأعطينا لكل واحد منهم كلاس خاص به كالتالي:

<button class="start">start</button> <button class="stop">stop</button> <h1 class="add"> Mohammed Taha</h1>

ثم أعطينا للكلاس add خاصية :

<style> .add{ position: absolute; } </style>

ملاحظة: إن كنت تريد تحريك الأشياء بالتأثير animate يجب إن تضيف دائما الخاصية أعلاه إلى العنصر المراد تحريكه

ثم قمنا باستدعاء مكتبة الجيكويري الخاصة بنا وأنا منزلها على السيرفر الشخصي

ثم قمنا بكتابة أوامر سكربتنا بالطريقة المعهودة ..

قمنا بعمل تحديد للكلاس start

- حيث إن الكلاس start يمثل البوطن الذي سنضغط عليه لتنفيذ الحركة

فعند الضغط على البوطن سيتم تحريك العنصر h1

وقمنا بعمل تحديد للكلاس stop

- حيث إن الكلاس stop يمثل البوطن الذي سيوقف الحركة عندما نضغط عليه مؤقتا وعند الضغط مرة أخرى على start تستأنف الحركة من جديد حيث توقفت

<script> $(function(){ $(".start").click(function(){ $(".add").animate({left:'+400px'}, 4500 ); }); $(".stop").click(function(){ $(".add").stop(); }); }); </script>

الآن لم يتبقى سوى تطبيق السكربت ..

وأي استفسار أنا موجود إن شاء الله

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

واراكم في الدرس المقبل إن شاء الله تعالى

محبكم محمد طه

بقلم محمد طه

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

1 التعليقات:

رد حذف

kaitlintager

Casino Table Games Near Me - MapyRO
Find your perfect casino table game near you 논산 출장안마 from 고양 출장안마 MapyR! 김제 출장샵 Find a Casino Table Games selection 상주 출장샵 of over 60 전주 출장샵 table games & live dealer tables at MapyRO!

4 مارس 2022 في 4:42 ص

اضغط على السمايل للحصول على الكود: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

اضف كود (html) ركن الاسئلة !