spyrofunk55
@spyrofunk55
Студент

Как сделать выделение активного пункта меню?

e8bbecc20ad2404fa736ca0af866b6bf.png
Имеется вот такое меню. Сделал уже состояние при hover'е, теперь необходимо сделать чтобы такое состояние оставалось при нахождении на странице этого пункта меню. Как это сделать?
  • Вопрос задан
  • 2415 просмотров
Пригласить эксперта
Ответы на вопрос 4
passshift
@passshift
php, js, html5, css
Тут вопрос в том каким образом подгружается контент. Если загрузка содержимого страницы происходит без перезагрузки страницы (динамически, например через ajax), то можно просто менять фон у кнопки, или вешать на неё дополнительный класс вроде:

.activeButton {
background-color: yellow;


А если происходит физический перевод по ссылке с перезагрузкой страницы, то нужно в каждый раз при загрузке новой страницы брать из адресной строки текущую страницу и уже через отдельную функцию отмечать нужный пункт меню (кнопку)...
Ответ написан
khipster
@khipster
Да как угодно сделай. Через селектор элемента, класс, id.
Ответ написан
@overtest
Добавляй к активному элементу меню класс, имеющий те же свойства, что и hover.
Ответ написан
thisishappi
@thisishappi
Верстальщик=)
someClass:hover,someClass.active {
    background: yellow;
    color: #fff;
}

А так реализуется при интеграции
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы