Подія onmouseover спрацьовує, коли курсор миші наводиться на елемент, до якого додано атрибут onmouseover. Це один із найпопулярніших атрибутів, який використовується для створення різних ефектів із зображеннями та іншими об'єктами веб-сторінки. Зазвичай працює у зв'язку з подією onmouseout.
Синтаксис
<code data-language="html">onmouseover="<скрипт>"
Значення
Приклад
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Подія onmouseover</title> </head> <body> <p><img src="image/graph1.png" alt="" onmouseout="this.src='image/graph1.png'" onmouseover="this.src='image/graph2.png'"> <img src="image/graph1.png" alt="" onmouseout="this.src='image/graph1.png'" onmouseover="this.src='image/graph2.png'"></p> </body> </html>
У цьому прикладі при наведенні курсору на зображення воно замінюється на інше, що створює ефект перетворення чорно-білої картинки на кольорову.
Примітка
Internet Explorer до версії 7.0 містить помилку при роботі із зображеннями, події onmouseover та onmouseout для <img> не обробляються.
Браузери
| 4 | 7 | 12 | 1 | 4 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.
Автор та редактори
Останнє змінення: 12.09.2018
Редактори: Влад Мержевич