Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Активный пункт меню у якоря (https://javascript.ru/forum/dom-window/61978-aktivnyjj-punkt-menyu-u-yakorya.html)

DenjBoss 18.03.2016 18:38

Активный пункт меню у якоря
 
Можно ли реализовать, чтобы на лендинге выделялся активный пункт меню, если ссылка якорь?
И если можно, так как?

<div class="topmenu-slign">
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#block3">Что в онлайн</a></li>
      <li><a href="#bg-copy-9">Отзывы</a></li>
      <li><a href="#sertificates">Сертификаты</a></li>
      <li><a href="#zena">Стоимость</a></li>
    </ul>
  </div>

Decode 18.03.2016 19:13

<style>
	.active {
		background: red;
	}
</style>

<div class="topmenu-slign">
	<ul>
		<li><a href="#">Главная</a></li>
		<li><a href="#block3">Что в онлайн</a></li>
		<li><a href="#bg-copy-9">Отзывы</a></li>
		<li><a href="#sertificates">Сертификаты</a></li>
		<li><a href="#zena">Стоимость</a></li>
	</ul>
</div>


<script>
	var menu = document.querySelector('.topmenu-slign');

	menu.onclick = function(e) {
		if (e.target.tagName.toLowerCase() != 'a') return;

		[].forEach.call(menu.querySelectorAll('a'), function(item) {
			item.classList.remove('active');
		});

		e.target.classList.add('active');
	};
</script>

DenjBoss 20.03.2016 12:44

Спасибо большое. А можно как-то сделать, чтобы пункты сами выделялись, когда например листаю страницу ?


Часовой пояс GMT +3, время: 04:40.