Основное меню

Создание вертикального выпадающего меню

Начнем. Первоначально создадим HTML-файл и между тегами <head></head> добавим код расположенный ниже:

<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>

Дальше добавляем в код HTML-файла структуру меню, код смотрите ниже:

<ul id="verticalmenu" class="glossymenu">
<li><a href="#">Главная</a></li>
<li><a href="#">Программы</a></li>
<li><a href="#">Книги</a></li>
<li><a href="#">Музыка</a>
<ul>
<li><a href="#">Попса</a></li>
<li><a href="#">Рок</a></li>
<li><a href="#">Джаз</a></li>
<li><a href="#">Регги</a></li>
</ul>
</li>
<li><a href="#">Игры</a></li>
<li><a href="#">Картинки</a></li>
<li><a href="#">Фильмы</a>
<ul>
<li><a href="#">Ужасы</a></li>
<li><a href="#">Комедии</a></li>
<li><a href="#">Боевики</a></li>
</ul>
</li>
</ul>

На этом этапе мы завершаем создание вертикального выпадающего меню. Все исходные файлы находятся в архиве, который можно скачать ниже.

Скачать файл
размер файла: 5,13 Kb
cкачиваний: 131

Раздел: Статьи для веб-мастера




Дополнительно Популярное
Дизайнерский веб-ресурс: Дле, Вордпресс, Джумла, фотошоп, плагины, иконки, шаблоны, текстуры, смайлики, логотипы.