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

Question

[Алексей Никашкин]

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

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

P.S Извините за то, что я так плохо объяснил.

Answer 1

[Саша]

Можно реализовать на 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