Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Событие onmouseover

Справочник: 

Характеристики атрибута

В каких браузерах работает?

7.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Для чего используется

Данное событие срабатывает при наведении курсора на блок, к которому приписан атрибут onmouseover. Его очень часто используют на практике для создания особых эффектов. Применяется зачастую в связке с onmouseout.

В каких тегах он может использоваться?

a abbr acronym address
applet area b basefont
bdo bgsound big blockquote
body br button caption
center cite code col
colgroup dd del dfn
dir div dl dt
em embed fieldset font
form frame h1 - h6 hr
i iframe img input
ins isindex kbd label
legend li link map
marquee menu nobr object
ol option p plaintext
pre q s samp
select small span strike
strong sub sup table
tbody td textarea tfoot
th thead tr tt
u ul var wbr
xmp

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

onmouseover="код скрипта"

Какие значения могут быть записаны в атрибут?

Скрипт

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

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onmouseover</title>
 </head>
 <body>
  <p><img src="images/picture1.png"
   onmouseout="this.src='images/picture1.png'"
   onmouseover="this.src='images/picture2.png'">
  <img src="images/graph1.png"
   onmouseout="this.src='images/picture1.png'"
   onmouseover="this.src='images/picture2.png'"></p>
 </body>
</html>

Тип HTML атрибута: