Foros del Web » Programando para Internet » Jquery »

Optimizacion de jquery menu

Estas en el tema de Optimizacion de jquery menu en el foro de Jquery en Foros del Web. Perdonen que lo vuelva a poner pero el otro como que se desvio y se elimino el que habia puesto lo vuelvo a poner y ...
  #1 (permalink)  
Antiguo 02/04/2013, 14:06
 
Fecha de Ingreso: agosto-2012
Mensajes: 18
Antigüedad: 11 años, 9 meses
Puntos: 0
Pregunta Optimizacion de jquery menu

Perdonen que lo vuelva a poner pero el otro como que se desvio y se elimino el que habia puesto lo vuelvo a poner y si queiren eliminar el otro que dice SOLUCIONADO mejor, gracias.
La cuestion es la siguiente tengo una funcion que hace que el link el que estas visitando cambie de color muy rudimentario:

Este es el codigo del menu

Código PHP:
<div id="cont_menu">
         <
ul id="menu">
             <
li><a href="index.php" id="index_h">Inicio</a></li>
             <
li><a href="servicios.php" id="servicios_h">Servicios</a></li>
             <
li><a href="herramientas.php" id="herramientas_h">Herramientas</a></li>
             <
li><a href="cobertura.php" id="cobertura_h">Cobertura</a></li>
             <
li><a href="atencion.php" id="atencion_h">Atenci&oacute;n al Cliente</a></li>
         </
ul>
    </
div>


<
div id="cont_menu_v">
       <
ul id="menu_v">
                <
li><a href="index.php" id="index_v">Inicio</a></li>
                <
li><a href="servicios.php" id="servicios_v">Servicios</a></li>
                <
li><a href="herramientas.php" id="herramientas_v">Herramientas</a></li>
                <
li><a href="cobertura.php" id="cobertura_v">Cobertura</a></li>
                <
li><a href="atencion.php" id="atencion_v">Atenci&oacute;n al Cliente</a></li>
       </
ul>
</
div
Como ven los <a> tienen cada uno un id diferente para que la function jquery se reconozca y tengo dos menus uno flotante y uno estatico por eso uno es menu_h yotro menu_v.

El codigo jequery es el siguiente

Código PHP:
<script>
    $(function(){
        $(
"#servicios_h").addClass("activo_h");
        $(
"#servicios_v").addClass("activo_v");
    });
</script> 
No es muy complicado es una simple funcion que si algun objeto tiene un id determinado se le agrega una clase

el codigo css es el siguiente

Código PHP:
<style>
.
activo_h{
    
background:#000;
}

.
activo_v{
    
background:#3ecbe9;
}

</
style
No es muy extenso ni mucho menos

la cuestion es como poder optimizar el codigo para no tener que poner cada uno de los id de cada seccion no se si podrian orientarme o sera con un switch o como, saludos y gracias de antemano

Etiquetas: Ninguno
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 14:16.