Comunidad de diseño web y desarrollo en internet online

Combinar Eventos del mouse con Jquery

Citar            
MensajeEscrito el 10 May 2009 12:18 am
Hola banda aqui vengo con algo sencillo estoy haciendo un menu en CSS y Jquery, bien recurro a ustedes porque ya estuve buscando en la red pero no encontre mucha info mi casi es el siguiente


$('#btn a, #btns a').mouseover(function() {
$(this).css('background-position','0px 0px');

}).mouseout(function() {
$(this).css('background-position','-348px 0px');
}).click(function() {
$(this).css('background-position','0px 0px');
});
});


como podran ver tengo dos div que tienen eventos con Jquery cuando hago OVER muevo mi imagen hacia cierto punto y viceversa con OUT el detalle viene al hacer CLICK necesito que cuando se accione el evento click el mouse OUT no se ejecute sobre el boton que tiene el click pero si sobre los demas y que cuando le de Click a otro boton saque el boton que esta seleccionado. si alguien tiene un TUTORIAl donde venga algo similar se los agradeceria mucho la verdad ya tengo unos tres dias buscando esta solucion y la vdd no encuentro solucion

Muchas gracias!!

Por ldgmmorales

Claber

142 de clabLevel

1 tutorial

Genero:Masculino  

firefox
Citar            
MensajeEscrito el 10 May 2009 07:17 pm
Buenas.
Yo empecé con jQuery hace unas semanas y tube el mismo problema, lo postee aca y me recomendaron esto.

Código :


$('#btn a, #btns a').mouseover(function() {
$(this).not(".plin").css('background-position','0px 0px');

}).mouseout(function() {
$(this).not(".plin").css('background-position','-348px 0px');

}).click(function() {
$('#btn a, #btns a').removeClass("plin");// sacamos los dos divs de la clase "plin"
$(this),addClass("plin");// agregamos al div clickeado a la clase "plin"
$(this).css('background-position','0px 0px');
});
});




lo que hace es al acerle click agregar el div a la clase "plin" y en el mouse out poner un filtro para que no actue sobre esta clase. Lo que hice es agregarselo tambien al filtro al mouseover por precausion.
Tengo algo muy parecido a lo que queres hecho, miralo que te puede ayudar.

http://www.jinik.com.ar/jquery/rectangulos.html

saludos =)

Por Jinik

41 de clabLevel



 

Buenos Aires, Argentina

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.