المحتوى
وظيفة "onMouseOver" (وتسمى أيضًا "التحويم") هي حدث جافا سكريبت يقوم بتشغيل إجراء في واجهة المستخدم عند وضع مؤشر الماوس فوق كائن. يستخدم جافا سكريبت في الغالب في صفحات الويب بحيث يغير الحدث شيئًا ما على الصفحة حيث يتم كتابة كود JavaScript. باستخدام وظيفة onMouseOver مصحوبة بأداة "تدوير" لموقع ويب لتحرير الصور على الإنترنت ، يمكنك إنشاء تأثير دوران لصورة يتم تشغيلها عندما يضع المستخدم مؤشر الماوس فوق الصورة.
الاتجاهات
-
ابدأ تشغيل مستعرضك الافتراضي واكتب الرابط إلى موقع لتحرير الصور عبر الإنترنت (مثل Pixenate أو Pixlr أو LunaPic) في شريط العناوين واضغط على مفتاح "Enter".
-
أرسل الصورة التي تريد تدويرها بالنقر على الرابط "اختيار صورتك لتعديلها" أو زر "فتح الصورة من الكمبيوتر". انقر لتحديد الصورة ، ثم "فتح". انقر فوق "تحميل هذه الصورة" لتحميل الملف.
-
انقر على أداة "تدوير" في شريط أدوات تحرير الصور ، أو انقر على "صورة" وحدد "تدوير قماش". انقر لتحديد درجة التناوب والإعدادات وانقر على "حفظ إلى القرص" أو "ملف" ، ثم "حفظ". احفظ الصورة المدورة في نفس الدليل مثل ملف الصورة الأصلي.
-
بدء تشغيل محرر HTML الافتراضي. إذا لم يكن لديك محرر HTML ، فانقر على الرابط "Free HTML Editors" في قسم الموارد. إنشاء مستند HTML جديد.
-
انقر على قائمة "ملف" واختر "حفظ". اكتب "rotate.html" كاسم للمستند وحدد المجلد الذي يحتوي على ملفات "image1" و "image2" كدليل حفظ. انقر فوق "حفظ".
-
ابحث عن العلامات ">" و "" في مستند HTML الجديد. انقر لوضع مؤشر الماوس بين علامتي الجسم ثم اضغط على "إدخال" لإنشاء سطر جديد.
-
اكتب ما يلي في السطر الفارغ ، مع استبدال النص "rotatedimage.gif" باسم الصورة التي تم تدويرها والنص "originalimage.gif" باسم الصورة الأصلية:
اضغط على "أدخل" لإنشاء سطر جديد.
-
اكتب ما يلي:
اضغط على "أدخل".
-
نوع:
انقر على قائمة "ملف" واختر "حفظ".
-
انقر نقرًا مزدوجًا فوق ملف "rotate.html" لفتحه في المستعرض الافتراضي لديك. حرك مؤشر الماوس فوق الصورة لرؤية تأثير الدوران ، ثم انقل مؤشر الماوس خارج الصورة لرؤيتها تعود إلى الأصل ، دون تدوير.
ما تحتاجه
- الكمبيوتر
- الوصول إلى الإنترنت