Создание динамических меню

На основе рассмотренного выше принципа часто формируют меню системы навигации в виде раскрывающихся списков – динамическое меню. Так как фрагментов меню и подменю может быть много и их число может увеличиваться, то сценарии формирования всплывающих меню обычно разрабатывают в виде функций. Рассмотрим один из примеров построения навигации на основе динамического меню:

· в HomeSite создать новый документ с заголовком «Динамическое меню» и сохранить его как varmenu.html в своей папке html_files Web-сайта с фреймовым вариантом структуры;

· поместить в контейнер b наименование списка (например Список 1) с указанием в открывающем теге имени объекта (атрибут id) и класса стиля (атрибут class, сам стиль с указанным именем можно пока не формировать) (рис. 5.3). Для того чтобы над текстом появлялся указывающий палец рекомендуется добавить соответствующий стиль курсора;

Рис. 5.3. Код примера контейнера наименования списка для динамического меню

· далее сформировать набор гиперссылок на существующие страницы, помещенный в контейнер <div></div> (рис. 5.4). В открывающем теге также указать имя объекта в виде некоторой добавки к имени наименования списка - например, если имя списка m1 то имя слоя m1List (рис. 5.4). При помощи стиля можно сформировать местоположение слоя. При этом указывается, что слой скрыт с экрана. В каждой гиперссылке можно указать цель (атрибут target) для открытия ссылок (необязательно);

Рис. 5.4. Код примера гиперссылок для динамического меню

· в созданный файл скопировать следующий код скрипта:

<script>

Не нашли, что искали? Воспользуйтесь поиском: