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

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

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

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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 проведите указателем мыши над элементом:

Shishka

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

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

Нет.

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

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

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