</STYLE>
<SCRIPT FOR=menuHl EVENT="onmouseover()"TYPE="text/javascript">
document.all.menuHl.style.color="blue"
</SCRIPT>
<SCRIPT FOR=menuHl EVENT="onmouseout()"TYPE="text/javascript">
document.all.menuHl.style.color=""
</SCRIPT>
</HEAD>
<BODY onmouseover="setupEffect()"onousetout=cleanupEffect()">
<H1 ID=menuHl>This HI element will do more than an average H1.</H1>
</BODY></HTML>
Два скрипта, имеющихся в листинге 16.3, имеют отношение к элементу menuHl. Они предназначены для облегчения определения интерактивных зон страницы.
Когда пользователь помещает указатель мыши на элемент заголовка (onmouseover), запускается первый скрипт. Он делает цвет элемента синим (или любым другим по вашему усмотрению). Это должно привлечь внимание пользователя.
Если изменение цвета не подсказало читателю, что это не простой заголовок, не беспокойтесь:в запасе есть еще один скрипт. Когда указатель мыши снимается с заголовка (onmouseout), этот скрипт запускается и возвращает заголовку прежний цвет.
Даже если пользователь во время чтения документа лишь перемещает указатель через заголовок, срабатывают оба скрипта. Одного-двух изменений цвета будет достаточно для того, чтобы намекнуть, что заголовок не простой, а имеет какие-то дополнительные функции.
Читатель в конце концов остановит указатель на заголовке, чтобы убедиться, что изменение цвета не случайно. Убедившись, он щелкнет на нем кнопкой мыши с целью проверить, что из этого получится, либо запомнит этот элемент, чтобы вернуться к нему позже.
(Совет)
Правила именования в динамическом HTML схожи с правилами языка JavaScript. Первое слово пишется строчными буквами;в любом следующем слове первая буква— прописная, например:exampleKeywords.
Использование событий
События динамического HTML специфичны для этого программного интерфейса (API)и не будут работать с браузерами, не поддерживающими этот интерфейс. Однако некоторые события носят общий характер и поддержи-