Спасибо всем кто помогал, просто обычно я обхожусь связкой PHP и CSS. А вот понадобился JS. Начал вчера только изучать. Значит я сделал вот так:
<div id="MainMenu">
<div id="tab">
<ul>
<li class="active" id='mail' onload="a()"><a href="index.php"><span>Главная</span></a></li>
<li class="active1" id='mail1' onload="b()"><a href="about.php"><span>О Сайте</span></a></li>
<li><a href="javascript
:void(null)"><span>Форум</span></a></li>
<li><a href="javascript
:void(null)"><span>Журнал</span></a></li>
</ul>
</div>
</div>
Каждому тегу <li> присвоил свой id А в JS написал:
onload = function () {
var nodes = document.getElementById('mail').getElementsByTagNa me('a');
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].href == location.href) {
nodes[i].parentNode.className = 'item_active';
}
}
var nodes = document.getElementById('mail1').getElementsByTagN ame('a');
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].href == location.href) {
nodes[i].parentNode.className = 'item_active';
}
}
}