Hola justadream:
Mira yo lo haría con jQuery de la siguiente manera:
El menú lo crearía así:
Código HTML :
<ul class='menu'>
<li id="home">
<a class="selected" href="#home">Home</a>
</li>
<li id="work">
<a href="#work">Work</a>
</li>
<li id="about">
<a href="#about">About</a>
</li>
<li id="services">
<a href="#services">Services</a>
</li>
<li id="people">
<a href="#people">People</a>
</li>
<li id="blog">
<a href="#blog">Blog</a>
</li>
<li id="contact">
<a href="#contact">Contact</a>
</li>
</ul>
ya debí haber creador el ul.menu y crearía un li.selected en el archivo css para la opción seleccionada (ese ya sabrás que apariencia le das según tu gusto)
y en código javascript:
Código Javascript :
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("ul.menu > li").click(function(event){ // Aplicar a los <li> de <ul> class menu
$('ul.menu > li').removeClass('selected'); // Remover class selected
$(this).addClass("selected"); // Agregar class selected al <li> seleccionado
});
});
</script>Obviamente ya debiste haber importado la biblioteca de jQuery, si aún no la tienes la puedes descargar en:
http://jquery.com/Espero que te sirva, a mí me funcionó.
Saludos
PD: A mí me enseñó a hacer esto @Darel
