26/02/2013, 18:27
|
| | | Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 2 meses Puntos: 0 | |
| Rollover con JQuery
Hola, ocurre lo siguiente:
Tengo una imagen, la cual se queda al 40% de opacidad al pasar el cursor por encima y vuelve al 100% de opacidad cuando colocamos el cursor fuera de ella con una duracion de 250. Hasta ahi sin problemas.
El problema es que si se pasa rapido varias veces el cursor por encima, este efecto se repite una y otra vez como tantas veces hayamos pasado el raton por encima, aunque ya tengamos el cursor fuera, lo cual queda mal.
Lo que quiero es que si se saca el cursor de encima de la imagen en cualquier momento durante el movimiento de la animación, esta no finalice, es decir, que se pare en ese punto y vuelva atras (al 100% de opacidad).
Adjunto el código:
<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".apartado").hover
(function(){
$(this).fadeTo(250,0.4);
}, function(){
$(this).fadeTo(250, 1.0);
});
</script> |