Foros del Web » Programando para Internet » Jquery »

Opiniones sobre código jQuery animar enlaces

Estas en el tema de Opiniones sobre código jQuery animar enlaces en el foro de Jquery en Foros del Web. Necesito opiniones sobre el siguiente código en jQuery para animar enlaces. Este es el código que tengo en el index de la página: Código: (function(){ ...
  #1 (permalink)  
Antiguo 06/06/2012, 13:49
 
Fecha de Ingreso: junio-2012
Mensajes: 1
Antigüedad: 11 años, 10 meses
Puntos: 0
Opiniones sobre código jQuery animar enlaces

Necesito opiniones sobre el siguiente código en jQuery para animar enlaces. Este es el código que tengo en el index de la página:

Código:
(function(){
			var enlace=$('a.but');
			$color=enlace.css('color');
			padding=enlace.css('paddingTop');
			animaenlaces(enlace);
			if (padding=='0px' && $color=='#FFF') {enlace.css('color',$color)};
		})();
Y el siguiente código (el que anima los enlaces) está en un archivo aparte donde tengo otras funciones:

Código:
var animaenlaces=function(enlace){
	   	enlace.hover(function() {
        	$(this).animate({ paddingTop: '5px' }, 100);
		$(this).animate({color:"#FFF"},100)
    }, function() {
                $(this).animate({ paddingTop: 0 }, 100);
		$(this).animate({color:$color},100);
    })
}
Pues bueno, el tema es el siguiente: la función 'animaenlaces' lo que hace es bajar 5px el enlace sobre el que tienes el puntero del ratón, y cambiar su color a blanco, y cuando retiras el puntero vuelve a su posición y color originales. La función trabaja bien excepto por un pequeño problema. Si pasamos el ratón rápido y repetidamente sobre los enlaces, al final se quedan con el color blanco y eso no lo quiero, por eso me inventé el primer código que está en el index de la página principal. Así como lo tengo todo funciona perfectamente pero me parece algo enrevesado, complicado. ¿Alguien tiene alguna idea para hacerlo más sencillo?.
  #2 (permalink)  
Antiguo 06/06/2012, 14:01
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 4 meses
Puntos: 56
Respuesta: Opiniones sobre código jQuery animar enlaces

Lee acerca de la función .stop() jQuery, ignora ese problema de los efectos continuos.
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */

Etiquetas: animar, enlaces, funcion, opiniones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:35.