MENU EN Jquery FadeOut FadeIn

Hola, os explico mi problema. He creado un menú en jquery con fadeout y fadein, el problema es que si el ratón pasa demasiado rápido por el botón hace el fadeout y el botón se queda como pulsado y no vuelve a su estado inicial. Alguien sabe de alguna función donde le pueda decir que si no estoy 5sg sobre el botón no haga ningún efecto? Es una de las posibles soluciones que se me ha ocurrido..

Se me ocurre que al pasar el mouse por encima podrías usar el setTimeout de javascript para añadir un ligero retraso a la acción, y luego al salir del botón, usas clearTimeout para cancelar esa acción en caso de que no se haya cumplido el tiempo especificado.

saludos.

muchas gracias¡ voy a probarlo y te cuento.

Podrias probar el Metodo jquery Delay, lo q hace es exactamente lo q buscas, retrasar la animacion una cantidad de segundos. No recuerdo muy bien la sintaxis pero va maso menos asi
jQuery('selector').fadeIn().delay(5000); <<<<<< es maso menso asi, revisalo en la documentacion jquery

pero si no me equivoco lo que hace el delay es retrasar el efecto, pero el efecto se lleva a cabo, lo que yo busco es que si no estas sobre el unos 2 segundos no haga el efecto... o me equivoco?

Tienes razón, el delay no sirve en este caso por que no hay forma de borrar o limpiar ese retraso, por eso toca hacerlo con setTimeout.

para eso existe css3

Eclypse puedes explicarte un poco más?... no se como podría solucionar esto con css3? ...

usando :hover para hacer el efecto rollover y si usas transition le puedes poner la velocidad que deseas darle al efecto

Eclypse escribió:

Pero Internet Explorer no lo soporta no? O hay algun hack?

pues claro ese IE siempre se queda atras ya deberian botarlo a la basura

No recuerdo ahora mismo si la versión 7 lo soporta, pero IE8 soporta :hover para otros elementos además de "<a>" IE6 sólo lo soporta para "<a>". En cualquier caso, si necesitas ese tipo de compatibilidad puedes usar css3PIE.com