تغيير النص عند مرور المؤشر فوقه عن طريق الـ jQuery والـ CSS
2010/07/14 | قسم برمجة و تطوير كنت أبحث قبل مدّة عن طريقة لجعل النص يتغيّر بمجرّد وضع المؤشر فوقه بواسطة الـ CSS والـ jQuery ، ووجدت طريقة تساعدني على فعل هذا بشكل أفضل مما أردت ، وأحببت مشاركتها هنا. الطريقة تعتمد على مكتبة الـ jQuery بالإضافة إلى الأداة الأساسية التي تقوم بالعملية rotate3Di وأيضاً لا أنسى الـ CSS. النتيجة ستكون شيئاً مشابهاً لما يلي: (ضع المؤشر فوق أحد المربعات لترى النتيجة)
-
ب
-
ث
-
ح
-
د
-
ر
كود الـ HTML المستخدم لعمل هذا بسيط جداً ، وهو عبارة عن div أساسي وفي داخله قائمة ، كل عنصر li في هذه القائمة يحتوي على 2 divs ، الأول سيكون اسم الكلاس الخاص فيه front والثاني back. الفرونت سيتم عرضه مباشرة عند تحميل الصفحة ، والباك سيتم إخفاؤه عن طريق الستايل ، وعندما يمر المؤشر عليه سيتم إخفاء الفرونت وإظهار الباك عن طريق سكربت rotate3Di.
هذا هو كود الـ HTML المستعمل لإظهار هذه المربعات:
أكمل قراءة الموضوع »


