Foros del Web » Programando para Internet » Jquery »

anclas deslizables, vinculo activo

Estas en el tema de anclas deslizables, vinculo activo en el foro de Jquery en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 19/09/2016, 08:17
 
Fecha de Ingreso: marzo-2004
Mensajes: 199
Antigüedad: 20 años
Puntos: 1
anclas deslizables, vinculo activo

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

Etiquetas: activo, anclas, vinculo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:21.