תוֹכֶן
הפונקציה "onMouseOver" (המכונה גם "רחף") היא אירוע JavaScript שמפעיל פעולה בממשק המשתמש כאשר סמן העכבר ממוקם מעל אובייקט. JavaScript משמש בעיקר בדפי אינטרנט, כך שהאירוע בדרך כלל משנה משהו בדף שבו כתוב קוד JavaScript. באמצעות הפונקציה onMouseOver בשילוב עם הכלי "סיבוב" של אתר עריכת תמונות באינטרנט, אתה יכול ליצור אפקט ספין עבור תמונה מופעלת כאשר המשתמש מציב את סמן העכבר מעל התמונה.
הוראות
-
הפעל את דפדפן ברירת המחדל והקלד את הקישור לאתר עריכת תמונות מקוון (כגון Pixenate, Pixlr או LunaPic) בשורת הכתובת ולחץ על המקש Enter.
-
שלח את התמונה שברצונך לסובב על ידי לחיצה על הקישור "בחר את התמונה לעריכה" או על הלחצן "פתח תמונה מהמחשב". לחץ כדי לבחור את התמונה ולאחר מכן "פתח". לחץ על "העלה תמונה זו" כדי להעלות את הקובץ.
-
לחץ על הכלי "סובב" בסרגל הכלים לעריכת תמונות, או לחץ על "תמונה" ובחר "סובב בד". לחץ כדי לבחור את מידת הסיבוב וההגדרות ולחץ על "שמור בדיסק" או "קובץ" ולאחר מכן על "שמור". שמור את התמונה המסתובבת באותה ספרייה כמו בקובץ התמונה המקורי.
-
הפעל את עורך HTML המוגדר כברירת מחדל. אם אין לך עורך HTML, לחץ על הקישור "חינם HTML עורכי" בסעיף משאבים. צור מסמך HTML חדש.
-
לחץ על "קובץ" בתפריט ובחר "שמור". הקלד "rotate.html" כשמו של המסמך ובחר את התיקייה שמכילה את התמונות "image1" ו- "image2" כתיקיית השמירה. לחץ על "שמור".
-
מצא את התגים ">" ו- "" במסמך HTML החדש. לחץ כדי למקם את סמן העכבר בין שני סימני הגוף ולאחר מכן לחץ על "Enter" כדי ליצור שורה חדשה.
-
הקלד את השורה הבאה בשורה הריקה, והחלף את הטקסט "rotatedimage.gif" עם שם התמונה שסובב והטקסט "originalimage.gif" עם שם התמונה המקורי:
לחץ על "Enter" כדי ליצור שורה חדשה.
-
הקלד את הפרטים הבאים:
לחץ על "Enter".
-
IT
לחץ על "קובץ" בתפריט ובחר "שמור".
-
לחץ פעמיים על הקובץ "rotate.html" כדי לפתוח אותו בדפדפן ברירת המחדל. העבר את העכבר מעל התמונה כדי לראות את אפקט הספין ולאחר מכן הזז את סמן העכבר מהתמונה כדי לראות אותו חוזר למקור, ללא סיבוב.
מה שאתה צריך
- מחשב
- גישה לאינטרנט