Активный пункт меню у якоря
Можно ли реализовать, чтобы на лендинге выделялся активный пункт меню, если ссылка якорь?
И если можно, так как?
<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>
|
<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>
|
Спасибо большое. А можно как-то сделать, чтобы пункты сами выделялись, когда например листаю страницу ?
|
| Часовой пояс GMT +3, время: 16:05. |