Estoy tratando de evitar que el navegador use el :hover
efecto de CSS, a través de JavaScript.
He configurado los estilos a
y a:hover
en mi CSS, porque quiero un efecto de desplazamiento, si JS no está disponible. Pero si JS está disponible, quiero sobrescribir mi efecto de desplazamiento CSS con uno más suave (usando el complemento de color jQuery, por ejemplo).
Probé esto:
$("ul#mainFilter a").hover(
function(e){ e.preventDefault(); ...do my stuff... },
function(e){ e.preventDefault(); ...do my stuff... });
También lo probé return false;
, pero no funciona.
Aquí hay un ejemplo de mi problema: http://jsfiddle.net/4rEzz/ . El enlace debería desaparecer sin volverse gris.
Como lo mencionó fudgey, una solución sería restablecer los estilos de desplazamiento usando .css()
pero tendría que sobrescribir cada propiedad, especificada en el CSS (ver aquí: http://jsfiddle.net/raPeX/1/ ). Busco una solución genérica.
¿Alguien sabe como hacer esto?
PD: No quiero sobrescribir todos los estilos que he configurado para el hover.