Как подсветить активную ссылку
К своему удивлению, не обнаружил в CSS решения, как подсветить активную ссылку (допустим, когда при навигации по меню нажимаешь на «Новости», переходишь на страницу новостей и чтобы «Новости» в меню выделялись другим цветом).
Нашёл простое решение на JavaScript:
window.onload = function () {
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL)lnk [j].style.color = 'уникальный_цвет_например_red'; }
upd. 14.03.11
Один из посетителей сайта задал вопрос: как сделать подсветку конкретных пунктов меню?
Делается так: нужным пунктам задаём свой класс, код скрипта чуть удлиняется:
window.onload = function () {
for (var lnk = document.links, j = 0; j < lnk.length; j++)if (lnk [j].href == document.URL)if (lnk [j].class == "Нужный класс) lnk [j].style.color = 'уникальный_цвет_например_red'; }