Hay un enlace, sin fondo, y una regla CSS, que cambia el fondo al desplazarse.¿Se desvaneció el fondo de Jquery en el vuelo estacionario?
Parent bg es blanco, enlace en el navegador - azul.
¿Cómo puedo hacer un efecto de desplazamiento lento, de blanco a azul?
Gracias.
li a {}
li a:hover { background: blue; }
Con el fin de animar a los colores, se necesita el color plugin
jQuery('a#theLink').hover(function(){
$(this).stop().animate({backgroundColor: 'blue'});
}, function() {
$(this).stop().animate({backgroundColor: 'white'});
});
Para que esto funcione es necesario descargar la "color plugin" para jQuery.
Tendrá que usar un complemento ya que JQuery no puede animar los colores de la caja.
Prueba el Colour Animation plugin
entonces va a ser algo así como:
$(this).animate({ backgroundColor: "blue" }, 'slow');
Usted no necesita un plugin de color adicional. Solo necesitas jQuery UI encima de jQuery, que te permite hacer animaciones también en color. (O si no quieres usar la interfaz de usuario de jQuery por algún motivo, creo que otro complemento hará el truco. Pero lo he intentado con solo incluir jQuery core y jQuery UI.)
La animación en sí es algo así como ...
$("li").hover(function() {
$(this).animate({
backgroundColor: "#ffffff"
}, 'slow');
});
Sé que el tamaño de los archivos no es un problema. días en el nivel de kilobytes (aunque las cosas se suman), pero solo para el registro: jquery.color.js - 4k | jquery-ui-1.8rc3.custom.min.js - 64k –
Enunciando lo obvio, ya que nadie más lo hizo, si ya está usando jQuery UI, está listo para empezar. Si no está utilizando la interfaz de usuario de jQuery, no empiece a usarla solo para esta función: use el complemento de color. – MikeJ
tal vez esto era cierto cuando se publicó, pero a partir de ahora ... "Por ejemplo, ancho, alto o izquierda pueden ser animados pero el color de fondo no puede ser, a menos que se use el plugin jQuery.Color()" http: // api.jquery.com/animate/ – tomfumb
bgFade una muy grande y simple plugin que anima la imagen de fondo:
Estos enlaces no van a ninguna parte, solo sitio web que jQuery. Lo mismo que en la respuesta de James. –
La respuesta tiene casi 5 años, por lo que el enlace se debe haber movido, sin embargo, ahora puede animar colores usando JQuery UI: http://jqueryui.com/animate/ – Fermin