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

Question

[Игорь Мезенцев]

Имеется вот такое меню. Сделал уже состояние при hover'е, теперь необходимо сделать чтобы такое состояние оставалось при нахождении на странице этого пункта меню. Как это сделать?

Answer 1

[# a r t u r #]

Тут вопрос в том каким образом подгружается контент. Если загрузка содержимого страницы происходит без перезагрузки страницы (динамически, например через ajax), то можно просто менять фон у кнопки, или вешать на неё дополнительный класс вроде:

.activeButton {
background-color: yellow;

А если происходит физический перевод по ссылке с перезагрузкой страницы, то нужно в каждый раз при загрузке новой страницы брать из адресной строки текущую страницу и уже через отдельную функцию отмечать нужный пункт меню (кнопку)...

Answer 2

[khipster]

Да как угодно сделай. Через селектор элемента, класс, id.

Answer 3

[overtest]

Добавляй к активному элементу меню класс, имеющий те же свойства, что и hover.

Answer 4

[Сергей Софьичев]

someClass:hover,someClass.active {
    background: yellow;
    color: #fff;
}

А так реализуется при интеграции