Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

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

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

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

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
onmouseoutДаДаДаДаДаДа

Синтаксис

<element onmouseout = "script" >

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

<!DOCTYPE html>
<html>
<head>
<title>Событие onmousemove и onmouseout</title>
<style> 
img {
width : 47px; /* задаём ширину изображения */
height : 105px; /* задаём высоту изображения */
}
</style>
</head>
<body>
<img onmousemove = "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>

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

Shishka

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

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

Нет.

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

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

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

Кажется, вы используете блокировщик рекламы :(

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

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.