[slax]

Здравствуйте, помогите пожалуйста
решить проблему с подсветкой активного меню
чтобы при нажатии на ссылку она оставалась активной

PHP код:

<ul class="menu_top">
<li id="current"><a href="#"><span>Главная</span></a></li>
<li><a href="#"><span>ПУНКТ1</span></a></li>
<li><a href="#"><span>ПУНКТ2</span></a></li>
<li><a href="#"><span>ПУНКТ3</span></a></li>
<li><a href="#"><span>ПУНКТ4</span></a></li>
<li><a href="#"><span>ПУНКТ5</span></a></li>
<li><a href="#"><span>ПУНКТ6</span></a></li></ul> 


PHP код:

ul.menu_top{width:auto;padding:0; margin:0;}
ul.menu_top li  {display: inline;list-style-type: none;}
ul.menu_top li a{display:block;float:left;line-height:21px;height:21px;margin:0 3px 3px 0;font-family:Arial, sans-serif;font-size:12px;font-style: text-decoration:none;color:#000;padding:0 9px 0 0}
ul.menu_top li a span{display:block;float:left;line-height:21px;height:21px;padding:0 0 0 9px;margin:0;cursor:pointer}
ul.menu_top li a:hover, ul.menu_top li#current a {background: url("../images/rb.png") 100% 50% no-repeat;text-decoration:none;color:#ff7800;}
ul.menu_top li a:hover span, ul.menu_top li#current a span{background: url("../images/lb.png") 0% 50% no-repeat;} 


[Mihalich41]

<script>
onload = function ()
{
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.color = 'red';
}
</script>

[slax]

Скрипт проблему решил наполовину, ссылки становятся
акивными, а фон как был на ссылке Главная так и стоит,
а как немного подправить чтобы и фон передвигался
на активную ссылку

[Mihalich41]

<script>
onload = function ()
{
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.backgroundColor = 'red';
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.color = 'red';
}
</script>