funcion contraria a Hover?

ZoroRoronoa · #1 (**permalink**) 02/06/2013, 18:46

Rarita pregunta Jeeje.!
Asi como dice el titulo, al igual que mouseover / mouseout, quiero saber cual es la funcion viceversa de Hover.

Pues con hover hago una animacion de llenado, pero al momento de quitar el Hover, quiero la animacion de vacio.

y no logro hacerlo, solo con los eventos mouse.

Será que con hover no se podrá?

Saludos

marcelocuiza_de · #2 (**permalink**) 03/06/2013, 07:19

"onblur", este evento se ejecuta al quitar el foco de un elemento

enlinea777 · #3 (**permalink**) 03/06/2013, 09:43

hover en css?

mouseover / mouseout es lo que buscas

alberto510a · #4 (**permalink**) 03/06/2013, 10:00

Hola.

En primer lugar decirte que no te guíes por esta respuesta ya que no la tienen todos los elementos, debido a que no a todos le puedes hacer foco.

Cita:

"onblur", este evento se ejecuta al quitar el foco de un elemento

Ahora vengo a tu duda, dependiendo del uso que quieras dar debes saber que existen 2 disparadores parecidos pero con una pequeña diferencia .mouseleave() y .mouseout(). Te explico las diferencias con un breve ejemplo:

Código HTML:

Ver original<div id="1">
<div id="2">
</div>
</div>

Vale, imaginemos que son 2 cubos uno más pequeño dentro de otro y al mayor le asignamos el evento mouseout:

Cuando el ratón pasa del elemento 1 al 2 este evento considera que el ratón ha salido y por lo tanto salta el disparador.

Ahora pensemos que tenemos la misma situación pero con el evento mouseleave cuando el ratón pasa del elemento 1 al 2 este evento considera que el ratón no ha salido de él y por lo tanto no salta el disparador.

Prácticamente ocurre lo mismo con mouseenter y mouseover, creo que la más útil es mouseleave junto con mouseenter pero eso ya depende de tus necesidades.

Espero haberte ayudado,

Saludos!!

fhederico · #5 (**permalink**) 03/06/2013, 10:18

Complementando un poco, te dejo un link con varias funciones basicas

http://www.jose-aguilar.com/blog/fun...zar-en-jquery/

Saludos

ZoroRoronoa · #6 (**permalink**) 04/06/2013, 10:22

Bueno... leyendo un poco (al menos en la version 1.6.2)
con el evento Hover, podemos aplicar dos eventos a objetos [eventObject] de manera de entrada y salida [handlerIn, handlerOut]

y asi solucione mi problema, dejo ejemplo y sintaxis.

SINTAXIS:

Código Javascript:

Ver original$(element).hover(functionIn() {}, functionOut() {})

EJEMPLO:
jquery

Código Javascript:

Ver original$(document).ready(function() {
    $("p").hover(function() {
        $(this).next().show(500);
    }, function() {
        $(this).next().hide(500);
    });
});

HTML/CSS:

Código HTML:

Ver original<style type="text/css">
p {background:black}
article {background:red; width:100px; height:100px; display:none;}
</style>
 
<body>
<p>O</p>
<article></article>
</body>

Saludos !!

pzin · #7 (**permalink**) 04/06/2013, 10:30

Algunos lo llaman callback.