Задать вопрос
IncludeURL
@IncludeURL
Программист C++, верстаю, учу Java, знаю Lua.
html

Как изменить фон активного пункта в меню?

Как сделать так, чтобы фон пункта в меню появлялся когда мы находимся на той или иной страницы. Например мы на 'Главной', а в меню фон у 'Главной' изменился. Например, как в меню у этого сайта.

Активный пункт -- тот пункт, который указывает на страницу, на которой мы находимся.

P.S Извините за то, что я так плохо объяснил.
  • Вопрос задан
  • 394 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
userAlexander
@userAlexander
Верстка наше все)
Можно реализовать на Javascript если это просто верстка, без использования CMS.
Если это CMS то у неё предусмотрен активный класс на пункт навигации относящийся к разным страницам.

JS будет выглядеть так
var urlNow = window.location.pathname.split('/').join(' ');
$(".nav a").each(function(){
	var hrefLink = $(this).attr('href');
	var findConsilience = urlNow.indexOf(hrefLink);
	if(findConsilience > 0){
		$(this).addClass('item-active');
	}
});


html так
<a href="contacts.html">...</a>

url
somesite/contacts.html
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать сайт на Vue / Laravel
19 апр. 2024, в 11:14
65000 руб./за проект
Отрисовка дизайна главной и внутренней
19 апр. 2024, в 11:08
5000 руб./за проект
Работы по АСУТП
19 апр. 2024, в 10:59
150000 руб./за проект
Ещё заказы