jQuery Animate Background Postion (CSS)

animate-background-position-jquery.js

// https://stackoverflow.com/questions/12340130/jquery-animate-background-image-on-y-axis
$.fn.animateBG = function(x, y, speed) {
    var pos = this.css('background-position').split(' ');
	this.x = pos[0].split('px')[0] || 0;
	this.y = pos[1].split('px')[0] || 0;
    $.Animation( this, {
        x: x,
        y: y
      }, { 
        duration: speed
      }).progress(function(e) {
          this.css('background-position', e.tweens[0].now+'px '+e.tweens[1].now+'px');
    });
    return this;
}