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

UptoLike

ВУЗ: 

ТГТУ | Тамбов

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

Рубрика: 

вая ссылка срабатывала по обеим картинкам (тексту и "уголку"), применяются одинаковые теги A, охватывающие графиче-
ские образы. В этом решении есть один недостаток: при переходе от текста к "уголку" последний "подмигивает". Картинки
можно разместить и в одной ячейке таблицы, но тогда нужно задать ее ширину, иначе при изменении размеров окна браузе-
ра картинки могут "съехать". Чтобы убрать "подмигивание", необходимо сделать полноценные картинки замены.
"Подмигивание" происходит при переходе с одного элемента разметки тега на другой. При этом заново определяются
свойства отображения элемента.
Вложенные меню. В HTML нет стандартного способа реализации вложенных меню. Тем не менее за счет графики мож-
но создать их подобие. При этом следует понимать, что место, на которое ложится графика, нельзя заполнить текстом (рис.
79):
<SCRIPT>
function submenu(a)
{
if(a==1)
{
document.menu00.src="image1.gif"; // 1 (активна)
document.menu10.src="image2.gif"; // 2
document.menu01.src="image3.gif"; // 1 пункт вложенного меню 1
document.menu02.src="image4.gif"; // 2 пункт вложенного меню 1
}
if(a==2)
{
document.menu00.src="image1.gif"; // 2
document.menu10.src="image2.gif"; // 1 (активна)
document.menu01.src="image3.gif"; // 1 пункт вложенного меню 2
document.menu02.src="image4.gif"; // 2 пункт вложенного меню 2
}
}
</SCRIPT>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center">
<TR>
<TD><A HREF="javascript:void(0);" onMouseover="submenu(1);return true;">
<IMG NAME=menu00 SRC=image1.gif BORDER=0></a></td>
<TD><IMG NAME=menu01 SRC=image3.gif BORDER=0></TD>
</TR>
<TR>
<TD><A HREF="javascript:void(0);" onMouseover="submenu(2);return true;">
<IMG NAME=menu10 SRC=image2.gif BORDER=0></td>
<TD><IMG NAME=menu02 SRC=image4.gif BORDER=0></TD>
</TR>
</TABLE>
Рис. 79
В этом примере вложенное меню расположено справа от основного. Эффект вложенности достигается за счет измене-
ния цвета. Подчиненность меню можно подчеркнуть изменением его положения относительно основного меню (рис. 80).
Рис. 80
В этом случае для продвижения меню вниз необходимо зарезервировать место при помощи невидимых или видимых
картинок. Это не обязательно должны быть иллюстративные картинки, которые не несут никакой нагрузки.
При использовании слоев можно создать настоящее выпадающее меню.

Страницы