Во-первых, обеспечим кнопкам главной паиели управления эффект
Ролловера. Они должны изменять свой вид, акцентируя внимание посетителя на
Том, какую кнопку он собирается нажать.
Неплохо было бы дать посетителю знать, в каком разделе (на какой странице)
Сайта он находится. Мы можем обеспечить созданной паиели навигации автоматическую
Интерактивность. Она будет просто изменять свой стиль в соответствии
С выбранным разделом страницы. Звучит совсем просто, но в действительности
Это потребует некоторой разметки и настроек, как вы увидите в последующих
Шагах.
Эффект ролловера реализовать просто, но начнем по порядку.
1. Добавьте в конце таблицы стилей файла nav_bar. html следующий стиль:
#mainNav a:hover {
font-weight: bold;
background-color: #B2F5ll;
background-position: Зрх 50%;
Он определяет внешний вид ссылки-кнопки в состоянии hover. Стиль изменяет
Шрифт текста кнопки с обычного на полужирный, а также цвет фона на яркозеленый.
Кроме того, он использует метод CSS Sprites, упоминавшийся ранее.
То же самое изображение применяется в шаге 8 в прошлом разделе - оно в действительности
Содержит три различных значка (рис. 9.16). В этом случае изображение
Центрируется внутри кнопки, отображая средний значок файла.
Теперь при наведении указателя мыши на любую кнопку и его перемещении на
