HTML атрибут событий onmouseover

Значение и применение

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

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

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	Edge
onmouseover	Да	Да	Да	Да	Да	Да

Синтаксис

<element onmouseover = "script" >

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Событие onmouseover и onmouseout</title>
<style> 
img {
width : 47px; /* задаём ширину изображения */
height : 105px; /* задаём высоту изображения */
}
</style>
</head>
<body>
<img onmouseover = "rastiShishka(this)"onmouseout = "normal(this)" src = "shiska.png" alt = "shishka">
<script>
function rastiShishka(x) {/* задаём функцию, которая изменяет размеры изображения */
x.style.height = "210px";
x.style.width = "93px";  
}
function normal(x) {/* задаём функцию, которая возвращает первоначальные размеры изображения */
x.style.height = "105px";
x.style.width = "47px";  
}
</script>
</body>
</html>

Для демонстрации атрибута событий onmouseover проведите указателем мыши над элементом:

После того как вы уберете указатель мыши с изображения запустится скрипт, установленный на атрибут события onmouseout, который вернёт первоначальные размеры изображения.

Отличия HTML 4.01 от HTML 5

Нет.

Поддерживаемые теги

Все HTML-элементы, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>.

Атрибуты событий