Як змінити вказівник миші за допомогою OnMouseOver

Автор: Frank Hunt
Дата Створення: 12 Березень 2021
Дата Оновлення: 22 Листопад 2024
Anonim
Як змінити вказівник миші за допомогою OnMouseOver - Статті
Як змінити вказівник миші за допомогою OnMouseOver - Статті

Зміст

Подія "OnMouseOver" ініціюється, коли користувач передає вказівник миші над елементом сторінки. Це може відбуватися з будь-яким елементом, таким як зображення, кнопка, таблиця або сама сторінка. Можна змінити піктограму, що відображається користувачеві, коли вказівник миші пропускає ці елементи за допомогою Javascript у властивостях керування. Подія "OnMouseOver" використовується з "OnMouseOut", який запускається, коли вказівник миші більше не знаходиться на елементі, і використовується для піктограми покажчика для повернення до початкового зображення.


Інструкції

Подія "OnMouseOver" ініціюється, коли ви наводите курсор на позначений елемент (зображення комп'ютерної миші від Edyta Anna Grabowska з Fotolia.com)
  1. Відкрийте файл HTML улюбленим текстовим редактором. Прокрутіть вниз до елемента HTML, який потрібно змінити. Це може бути будь-який елемент на сторінці. У цьому прикладі мітка "

  2. Призначте код Javascript події "OnMouseOver", яка змінює вказівник миші. Наступний код змінює покажчик на маленьку руку, коли користувач наводить курсор на зображення:

  3. Поверніть курсор миші на початкову піктограму після того, як вона більше не знаходиться на елементі. Якщо ви не налаштуєте подію "OnMouseOut", миша продовжуватиме змінюватись, коли користувач переходить по сторінці. Наступний код призводить до повернення вказівника миші до стандартного: