Событие onmouseover срабатывает, когда курсор мыши наводится на элемент, к которому добавлен атрибут onmouseover. Это один из самых популярных атрибутов, применяемый для создания различных эффектов с изображениями и другими объектами веб-страницы. Обычно работает в связке с событием onmouseout.
Синтаксис
onmouseover="<скрипт>"
Значения
См. скрипт.
Пример
<!DOCTYPE html>
<html lang="ru">
<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> не обрабатываются.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.