HTML 5 справочник

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов

Перед вами самый полный справочник по HTML тегам и языку разметки HTML документов. Он будет полезен как новичкам так и профессионалам

Событие <onmouseout>

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

поддержка браузерами:

IExplorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+/7.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

синтаксис:

onmouseout="скрипт"

значения:

Код скрипта

значение по умолчанию:

Нет

применяется к тегам:

пример кода:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onmouseout</title>
  <script type="text/javascript">
   function resize(img, x, y) {
    img.width = x;
    img.height = y;
   }
  </script>
 </head>
 <body>
  <p><img src="images/figure.jpg" alt="" 
    onmouseout="resize(this, 100, 111)" onmouseover="resize(this, 200, 222)"></p> 
 </body>
</html>

примечание:

В данном примере при наведении курсора на изображение оно увеличивается в размерах, а при уведении курсора за пределы картинки, меняет размеры на исходные.

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