English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

Атрибут onmouseover в HTML

Атрибут onmouseover используется для получения или установки функции обработки событий mouseover текущего элемента

Свойства событий HTML

Онлайн пример

Сценарий выполняется, когда указатель мыши находится над изображением:

<!DOCTYPE html>
<html>
<head>
<title>Использование атрибута onmouseover в HTML (Основной учебник网 oldtoolbag.com)</title>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>Когда пользователь наводит указатель мыши на изображение, вызывается функция bigImg(). Эта функция увеличивает изображение.
Когда указатель мыши выходит за пределы изображения, вызывается функция normalImg(). Эта функция устанавливает высоту и ширину изображения в нормальное значение.</p>
<script>
function bigImg(x) {
  x.style.height = "64px";
  x.style.width = "64px";
}
function normalImg(x) {
  x.style.height = "32px";
  x.style.width = "32px";
}
</script>
</body>
</html>
Проверьте ‹/›

Совместимость с браузерами

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают свойство события onmouseover

Определение и использование

Событие onmouseover срабатывает, когда указатель мыши перемещается над элементом.

Совет: Свойство onmouseover обычно используется вместе сonmouseoutсвойства могут использоваться вместе.

Примечание: Свойство onmouseover не может использоваться для следующих элементов: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> или <title>.

Различия между HTML 4.01 и HTML5

Нет.

Синтаксис

<element onmouseover="script">

Значение свойства

ЗначениеОписание
scriptОпределяет скрипт, который выполняется при срабатывании события onmouseover.
Свойства событий HTML