Hola Buenos dias, tengo una pagina con un menu principal q a traves de anclas me llevan a una seccion dentro de la misma pagina, a traves de un JS q consegui en la web logre q cuando se vaya a la seccion tenga una efecto deslizante, pero ahora lo que quiero es q cuando este en la seccion correspondiente el item del menu aparezca de otro color, es decir,
las secciones son: inicio, productos, lineas, categorias y contacto, todas estan en la misma pagina, si yo hago click en contacto, se desliza hasta esa seccion pero quiero q la palabra contacto quede de otro color
eso es posible?
esta construido asi
<nav>
<ul>
<li>
<a href=#inicio>Inicio</a>
<li>
<li>
<a href=#contacto>Contacto</a>
</li>
</ul>
<nav>
y en la seccion
<section id="contacto">Contenido</section>
y el JS que hace el deslizable es asi
<script type="text/javascript">
$(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>
Gracias por su colaboracion