Событие onmouseover

События onblur onchange onclick ondblclick onfocus onkeydown onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onreset onscroll onselect onsubmit onunload

Описание

Событие onmouseover срабатывает, когда курсор мыши наводится на элемент, к которому добавлен атрибут onmouseover. Это один из самых популярных атрибутов, применяемый для создания различных эффектов с изображениями и другими объектами веб-страницы. Обычно работает в связке с событием onmouseout.

Синтаксис

onmouseover="скрипт"

Значения

Код скрипта

Значение по умолчанию

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Событие onmouseover</title>
 </head>
 <body>
  <p><img src="images/graph1.png" alt=""
   onmouseout="this.src='images/graph1.png'" onmouseover="this.src='images/graph2.png'">&nbsp;
  <img src="images/graph1.png" alt=""
   onmouseout="this.src='images/graph1.png'" onmouseover="this.src='images/graph2.png'"></p>
 </body>
</html>

В данном примере при наведении курсора на изображение оно заменяется на другое, что создает эффект превращения черно-белой картинки в цветную.

Примечание

Internet Explorer 6 содержит ошибку при работе с изображениями, события onmouseover и onmouseout для тега <img> не обрабатываются.

Браузеры: Настольные Мобильные ?

Internet Explorer		Chrome	Opera	Safari	Firefox
4	7	1	4	1	1

Android	Firefox Mobile	Opera Mobile	Safari Mobile
1	1	6	1

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.