دورة الجيكويري - الدرس 13 - شرح hover & this | مدونة ملك العرب التعليمية

السبت، 13 سبتمبر 2014

دورة الجيكويري - الدرس 13 - شرح hover & this

السبت، 13 سبتمبر 2014 تحرير

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

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

كيف حالكم شباب اتمنى ان تكونوا بالف خير ان شاء الله

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

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

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

<!doctype html> <html> <head> <meta charset="utf-8"> <title>hover & this</title> <script src="lib/jquery.js"></script> <script> $(function(){ $( "button" ).hover(function() { $( this ). hide(1000); }); }); </script> </head> <body> <button>hover</button> </body> </html>

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

قمنا بعمل button في وثيقتنا كالتالي:

<button>hover</button>

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

<script src="lib/jquery.js"></script>

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

قمنا بعمل تحديد للبوطن وأضفنا له تأثير على شكل دالة حيث عند المرور فوق البوطن

سيتم إخفاء البوطن ثم ربطنا الإخفاء بالكلمة المحجوزة this

وهذا يعني انه قم بتطبيق الحدث على نفس المحدد

<script> $(function(){ $( "button" ).hover(function() { $( this ). hide(1000); }); }); </script>

ملاحظة: سنتعرف أكثر على ما ورد في درس اليوم إن شاء الله في لاقي دروسنا

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

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

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

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

محبكم محمد طه

بقلم محمد طه

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

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

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