CSS Y Javascript... tabs menu

[machoman112233]

Buenas...

A ver si me podeis ayudar... el problema es el siguiente. Tengo una css con los tabs de unos menus, el problema viene cuando tengo que usar la opcion del tab activo. No se como hacer un script para que me pongo la propiedad del tab activo sobre el link correcto... tampoco se mucho de javascript, a ver si me podeis explicar... Os pongo la idea simple...

Código css:

#navegacio
{  
    border-bottom: 1px solid #788;  
    padding: 3px 0; /* identic al padding del element 'a' */  
}
 
#navegacio li
{  
    list-style-type: none; 
    display: inline; 
}  
   
#navegacio li a
{  
    text-decoration: none;  
    color: #3c3c3c; 
    padding: 3px 0.5em; 
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #dedede;
}  
 
#navegacio li a:visited 
{
    color: #667; 
} 
 
#navegacio li a:hover
{  
    color: #000;  
    background: #3fce9a;  
    border-color: #2334ed;  
}
 
#navegacio li a#actiu
{  
    background-color: #fff;  
    border-bottom: 1px solid #fff;  
}
 

Código html:

<p>Pestanyes</p>
 
<ul id="navegacio">  
    <li><a id="actiu" href="#">Inici</a></li>  
    <li><a href="#">Qui som?</a></li>  
    <li><a href="#">Secretaria</a></li>  
    <li><a href="#">Estudis</a></li>  
    <li><a href="#">Enllaços</a></li>  
</ul>
 

[foreverOdd]

No tienes que usar Id's para asignarle estilo a tus <li> sino clases, cuando quieras que un <li> este activo le pones la clase 'actiu' y cuando no se la quitas ¿simple no?

te dejo un par de enlaces para que veas como se quitan y se ponen las clases con javascript

http://snipplr.com/view.php?codeview&id=462


http://snippets.dzone.com/posts/show/2630