Web-инжиниринг

Submenu


Вложенные меню

При обсуждении программирования форм отмечено, что в HTML нет стандартного способа реализации вложенных меню. Тем не менее, за счет графики можно реализовать их подобие. При этом следует понимать, что место, на которое ложится графика, нельзя занять текстом:

<script>

function submenu(a)

{

if(a==1)

{

document.menu00.src="../images/jsi/historyb.gif"; // History

...

document.menu01.src="../images/jsi/faceb.gif"; // In face

...

}

...



</script>

<table cellspacing=0 cellpadding=0 align=center>

<tr>

<td><a href="javascript:void(0);"

onMouseover="submenu(1);return true;"

><img name=menu00 src=../images/jsi/historyb.gif border=0></a></td>

<td><img name=menu01 src=../images/jsi/faceb.gif border=0></td>

</tr>

...

</table>

onMouseover="submenu(1);return true;"

>

onMouseover="submenu(2);return true;"

>

onMouseover="submenu(3);return true;"

>

В этом примере вложенное меню расположено справа от основного. Эффект вложенности достигается за счет изменения цвета. Подчиненность меню можно подчеркнуть изменением его положения относительно основного меню:

onMouseover="submenu1(1);return true;"

>

onMouseover="submenu1(2);return true;"

>

onMouseover="submenu1(3);return true;"

>

onMouseover="submenu1(3);return true;"

>

onMouseover="submenu1(3);return true;"

>

В этом случае для продвижения меню вниз необходимо зарезервировать место при помощи невидимых или видимых картинок. При этом это не обязательно иллюстративные картинки, которые не несут никакой нагрузки. На главной странице цикла "Web-инжиниринг" меню открывается прямо по существующим ссылкам, изменяя при этом их содержание.


начало страницы




Содержание раздела