Событие onmouseover

23.09.2010

Влад Мержевич

Internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	7.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

Описание

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

Синтаксис

onmouseover="скрипт"

Значения

Код скрипта

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

Нет.

Применяется к тегам

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta 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>

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

Рис. 1

Рис. 1. Использование события onmouseover

Браузеры

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