14/10/2009, 06:10
|
| | Fecha de Ingreso: octubre-2009 Ubicación: España
Mensajes: 5
Antigüedad: 15 años, 1 mes Puntos: 1 | |
Ayuda para script - activar-desactivar links en menu Buenas, quisiera que me ayudaran con un script, pues tengo un menu de imagenes con texto y necesito
que al hacer click sobre la imagen, esta se quede con elestado activo que sería su background en otra posición,y el texto
en otro color, y al clicar sobre otra imagen del mismo menú, pues cambie tambíen esta a activo y la que estaba activa regrese
su estado original, lo he logrado de manera muy básica con un scipt que tengo, pero lo tengo funcionando para dos botones, si lo
implemento para todos los del menú pues me saldrían muchas lineas de codigo y creo que esto se puede hacer con variables pero
no logro hacerlo,
Gracias a quién me pueda ayudar.
$("#proyecto01").click(function () {
$("#proyecto01").css("background-position","left bottom");// ACA CAMBIO EL FONDO DEL DIV O BOTON A ESTADO ACTIVO
$("#proyecto01 .titulo").css("color","#f38001" );// ACA CAMBIO EL TEXTO A ESTADO ACTIVO
$("#proyecto02").css("background-position","left top");// ACÁ CAMBIO LOS OTROS DIVS O BOTONES A ESTADO ORIGINAL
$("#proyecto02 .titulo").css("color","#999999" ); // ACA CAMBIO EL TEXTO DE LOS OTROS BOTONES A ESTADO ORIGINAL
});
$("#proyecto02").click(function () {
$("#proyecto02").css("background-position","left bottom");
$("#proyecto02 .titulo").css("color","#f38001" );
$("#proyecto01").css("background-position","left top");
$("#proyecto01 .titulo").css("color","#999999" );
}); |