Выделение активного пункта менюшки.

Проблемка следующая. В header добавил статическое меню:

<ul class=menu2levelpage>
                                          
                                      <ul>
                                      <li> <a href="#" >1</a></li>
                                      <li><a href="#">1</a></li>
                                      <li><a href="#" >1</a></li>
                      <li><a href="#" >1</a></li>
                      <li><a href="#" >1</a></li>
                                      </ul>

в style.css

.menu2levelpage {position: absolute; top: 80px; left: 420px; }
ul.menu2levelpage li {display: inline;}
.menu2levelpage a {font-family: Trajan Pro, Times New Roman; color: #ffffff;font-variant: small-caps; font-size:16px; padding-left:7px; word-spacing: 1px;}

Подскажите плиз, как сделать так, чтоб отмечался активный пункт меню?

Коментарии: 1

freekc

13.08.2012 10:04

Ответить

Тут нужно подключить джава, вот код:

$(function () {
$(‘.menu2levelpage a’).each(function () {
var location = window.location.href;
var link = this.href;
if(location == link) {
$(this).addClass(‘current’);
}
});
});

Красным – это стиль активного пункта меню

Выделение активного пункта менюшки.

Свежее