Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 102 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

</TABLE>
Рис. 76
В данном случае стрелочка бежит точно над тем элементом, на который указывает мышь. По большому счету, применение
атрибута ALT у IMG и его дублирование в строке статуса является гораздо более информативным, чем добавление нового гра-
фического элемента. Правда, отображается содержание ALT с некоторой задержкой (рис. 77):
Рис. 77
Посмотрим теперь на реализацию вертикального меню, построенного на основе графических блоков текста (рис. 78):
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center">
<TR>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente1. src='corner.gif';"
onMouseout="document.evente1.src='clear.gif';">
<IMG SRC="image1.gif" border="0"></A></TD>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente1. src='corner.gif';"
onMouseout="document.evente1.src='clear.gif';">
<IMG NAME="evente1" SRC="clear.gif" border="0"></A></TD>
</TR>
<TR>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente2. src='corner.gif';"
onMouseout="document.evente2.src='clear.gif';">
<IMG SRC="image2.gif" border="0"></A></TD>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente2. src='corner.gif';"
onMouseout="document.evente2.src='clear.gif';">
<IMG NAME="evente2" SRC="clear.gif" border="0"></A></TD>
</TR>
<TR>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente3. src='corner.gif';"
onMouseout="document.evente3.src='clear.gif';">
<IMG SRC="image3.gif" border="0"></A></TD>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente3. src='corner.gif';"
onMouseout="document.evente3.src='clear.gif';">
<IMG NAME="evente3" SRC="clear.gif" border="0"></A></TD>
</TR>
<TR>
<TD><A HREF="javascript:void(0);" onMouseover="document.evente4. src='corner.gif';"
onMouseout="document.evente4.src='clear.gif';">
<IMG SRC="image4.gif" border="0"></A></TD>
<TD>
<A HREF="javascript:void(0);" onMouseover="document.evente4. src='corner.gif';"
onMouseout="document.evente4.src='clear.gif';">
<IMG NAME="evente4" SRC="clear.gif" border="0">
</A></TD>
</TR>
</TABLE>
Рис. 78
При движении мыши у соответствующего компонента, попавшего в фокус мыши, "отгибается уголок". В данном случае
"уголок" – это самостоятельная картинка. Все уголки реализованы в правой колонке таблицы. Для того чтобы гипертексто-

Страницы