spyrofunk55
@spyrofunk55
Студент

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

e8bbecc20ad2404fa736ca0af866b6bf.png
Имеется вот такое меню. Сделал уже состояние при hover'е, теперь необходимо сделать чтобы такое состояние оставалось при нахождении на странице этого пункта меню. Как это сделать?
  • Вопрос задан
  • 3987 просмотров
Пригласить эксперта
Ответы на вопрос 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;
}

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

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

Войти через центр авторизации
Похожие вопросы
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Rocket Брянск
от 60 000 до 100 000 ₽
30 мая 2024, в 12:00
200 руб./за проект
30 мая 2024, в 11:48
2000 руб./за проект
30 мая 2024, в 11:48
10000 руб./за проект