Подсветка того пункта меню, где мы сейчас находимся. Как?
Люди, не могли бы вы мне подсказать, как сделать подсветку того пункта меню, где мы сейчас находимся? Заранее спасибо!:)
|
назначаете элементу класс active, а в css пишите
.active { color:red; } класс можно назначать через javascript по onclick, можно просто через html (если речь про навигацию сайта). поясните задачу, если это решение не подходит |
Допустим есть меню: Главная, Контакты, О сайте. Когда мы находимся на главной странице, то подсвечивается пункт "Главная", а когда мы зашли в меню "Контакты", то соответственно подсвечивается "Контакты". Примерно как на этом сайте. Здесь, когда мы на главной, то активна "Главная", а если нажали на "О компании", то активна это меню. Надеюсь объяснил понятно.
|
да, вполне. тогда как во втором случае я описал — через html.
на странице main.html вы к элементу «Главная» добавляете класс active, на странице about.html — «О нас». вот, как это сделано на сайте, ссылку на который указали: <li class="active"><a href="/partners.html" class="menu-item2 active" id="menu19" title="Партнеры"><span class="menu-title">Партнеры</span></a></li> обратите внимание на слово active в атрибуте class. в общем, к js это никакого отношения не имеет =) |
Цитата:
location.href какую страничку сейчас загрузили и от этого "активировать" нужный пункт... ;) |
ну тут множество может быть вариантов =)
но я делал именно через хтмл. плюс к тому ты всегда уверен, что отображаться будет правильно даже при отключении жс в браузере)) |
Так, долго не мог ответить ... работа)) tadjik1,
я чет не очень понял, если не трудно, можете по подробнее? |
Цитата:
<a href="index.html" class="link *!*active*/!*">Главная</a> <a href="contact.html" class="link">Контакты</a> <a href="about.ntml" class="link">О нас</a> А на страничке contact.html делаете так: <a href="index.html" class="link">Главная</a> <a href="contact.html" class="link *!*active*/!*">Контакты</a> <a href="about.ntml" class="link">О нас</a> А дальше - аналогично подставляете класс active, а в CSS описываете .active{color: red;} Удачи. |
yashka525,
Если бы все было так просто, у меня не отдельные html-ки, а сайт написанный на php. Меню находится в хедере, а его инклюдирую на каждой динамической странице. |
Ok, у Вас все передается в get? тоесть в строке? Тогда получаем Вашу переменную и с помощью js берем ищем такое же id в меню, а там добавляем класс.
|
Цитата:
|
Понятно, спасибо всем!
|
Часовой пояс GMT +3, время: 15:10. |