Winsik
@Winsik
сис.админ, недопрограммист :)

Как менюшка подсвечивает нужную кнопку подраздела сайта?

Есть вот такой кусок кода:
<nav class="page-navigation">
        <ul>
          <li><a href="/">Главная</a></li>
          <li><a href="/about.html">О нас</a></li>
          <li><a href="/service.html">Услуги</a></li>
          <li><a href="/contacts.html">Контакты</a></li>
        </ul>
      </nav>


На разных страницах сайта код один и тот же , но кнопки подсвечиваются (и не кликаются) разные
... всю голову уже сломал

РЕШЕНО:
js-скриптом выясняют ссылку на текущую страницу и сравнивают с ссылкой на кнопке, если совпало то она подсвечивается. Элегантненько однако )))
  • Вопрос задан
  • 215 просмотров
Решения вопроса 1
sabramovskikh
@sabramovskikh
class="active" добавляется ссылке
li a.active {
    color: #268fd0;
    cursor: pointer;
    pointer-events: none;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы