כיצד לשנות את מצביע העכבר באמצעות OnMouseOver

מְחַבֵּר: Frank Hunt
תאריך הבריאה: 16 מרץ 2021
תאריך עדכון: 11 נוֹבֶמבֶּר 2024
Anonim
CS50 2015 - Week 9
וִידֵאוֹ: CS50 2015 - Week 9

תוֹכֶן

אירוע "OnMouseOver" מופעל כאשר משתמש מעביר את מצביע העכבר מעל אלמנט של דף. דבר זה יכול להתרחש בכל רכיב, כגון תמונה, לחצן, טבלה או הדף עצמו. באפשרותך לשנות את הסמל המוצג למשתמש כאשר מצביע העכבר מדלג על אלמנטים אלה באמצעות Javascript במאפייני הבקרה. האירוע "OnMouseOver" משמש עם "OnMouseOut", אשר מופעלת כאשר מצביע העכבר הוא כבר לא על אלמנט, והוא משמש עבור סמל המצביע לחזור לתמונה המקורית שלו.


הוראות

אירוע "OnMouseOver" מופעל כאשר אתה מרחף מעל אלמנט מסוים (תמונת עכבר המחשב על ידי Edyta אנה Grabowska מ Fotolia.com)
  1. פתח את קובץ HTML עם עורך הטקסט המועדף עליך. גלול מטה אל אלמנט HTML שברצונך לערוך. זה יכול להיות כל רכיב בדף. בדוגמה זו, התווית "

  2. הקצה את קוד Javascript לאירוע "OnMouseOver" שמשנה את מצביע העכבר. הקוד הבא משנה את המצביע לכף קטנה כאשר המשתמש מרחף מעל התמונה:

  3. סמן את מצביע העכבר על הסמל המקורי שלו לאחר שהוא כבר לא נמצא על הרכיב. אם לא תגדיר את האירוע "OnMouseOut", העכבר ימשיך להשתנות כאשר המשתמש מנווט את הדף. הקוד הבא גורם למצביע העכבר לחזור לברירת המחדל: