<A HREF="http://www.intuit.ru"

onMouseOver="document.pic1.src='on.gif'"

onMouseOut="document.pic1.src='off.gif'">

<IMG SRC="off.gif" BORDER=0 NAME="pic1">

</a>

Так как обработчики события были достаточно хорошо рассмотрены ранее, то этот сценарий не представляет трудностей. Когда курсор уходит с изображения, появляется off.gif. Когда указывает на изображение, появляется on.gif.

Обратите внимание, что команда IMG связана с обработчиками onMouse в команде HREF через команду NAME="pic1". Это необходимо для связи команд.

Основные моменты:

1.onMouseOver и onMouseOut различают регистр. Нельзя менять заглавные и строчные буквы.

2.Так как необходимо ставить кавычки после onMouseOver= и onMouseOut=, то название файла *.gif берется в одинарные кавычки, а не в двойные.

3.document.pic1.src следует иерархии объектов, о которой говорилось в Уроке 8. document относится к текущему объекту документа HTML, a pic1 — это имя объекта изображение (имя можно придумать какое угодно). src (источник) — это свойство объекта изображение, которое указывает файл изображения.

4.В этом примере onMouseOver меняет источник изображения на on.gif.

5.ОnMouseOut заставляет объект изображение вывести off.gif.

6.Имейте в виду, что для наилучшего эффекта картинки должны быть одинакового размера.