Активный пункт меню у якоря
Можно ли реализовать, чтобы на лендинге выделялся активный пункт меню, если ссылка якорь?
И если можно, так как? <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, время: 04:40. |