¿Cómo se anima la posición de fondo con jQuery?

jQuery.fn.animate() funciona enumerando propiedades individuales, en un objeto, para actualizar con cada propiedad un valor nuevo y único que debe alcanzar al final del tiempo de animación especificado. Si empiezo con algo que tiene ancho: 10px, y quiero animarlo a que sea 100px, llamaría a animate y le pasaría un objeto con una propiedad de ancho establecida en un valor de 100px.

Comprendiendo lo anterior, podemos aplicarlo a su código e inmediatamente detectar el error fundamental: está utilizando la propiedad de posición abreviada backgroundPosition que acepta un valor que es equivalente a dos valores. jQuery no está interesado en analizar cada caso de uso como este, pero con su nueva comprensión de la propiedad 1 a 1 para asignar valores y algunos cambios menores, está en camino de animar las posiciones de fondo:

       #puppies { background: url(http://q.miximages.com/63500/jQuery/GS_2pups_122104.jpg); width: 250px; height: 200px; }   $(document).ready(function(){ $("#puppies").animate({ backgroundPositionY: "0px", backgroundPositionX: "-250px" }, 2000); });    
   

http://jsfiddle.net/rwaldron/TzWQA/

• ¿Cómo se hace el front-end del software que no es del sitio web?
• ¿Cuánto acceso debe tener legalmente un equipo de desarrollo web externo a los datos de un sitio web?
• ¿Hay algún tutorial sobre 'construir una fuente de notificación usando el marco de transmisión' que no sea la documentación del marco de transmisión?
• ¿Es necesario aprender HTML / CSS antes de HTML5 / CSS3?
• Cómo mejorar el SEO de un sitio web de una sola página y bajo contenido de texto