jQuery弹跳图片

Question

我大约一年前在几个网站上实现了这段代码，但最近它已经无法工作了。 在Jsfiddle中，我发现它仍然可以使用jQuery 1.4版本，但不能使用更新的版本。 有人知道是什么导致了jQuery升级后它无法工作吗？

/*---Start Bounce---*/
// Bouncer animation (by Leo Xavier)
// BASE SPEED OF BOUNCING. WILL ADD RAINDOM 0-100 TO UNSYNC BOUNCING
var bouncespeed = 450;

// SELECT ALL A'S EXCEPT... RESET BG-POSITION TO AVOID INITIAL POSITION BUG AND CALL BOUNCER
$('.bubble').each(
function() {
    $(this).css({
        backgroundPosition: '5px 5px'
    });
bounce(this);

});

// ACTUAL BOUNCER. CALLBACK OF ANIMATION IS THE BOUNCER ITSELF, TO LOOP ALL NIGHT LONG
function bounce(currentA) {
newx = Math.floor(10 * Math.random());
newy = Math.floor(3 * Math.random());
newspeed = bouncespeed + Math.floor(10 * Math.random());

$(currentA).animate({
    backgroundPosition: newx + 'px ' + newy + 'px'
}, newspeed, 'linear', function() {
    bounce(currentA);
});
}
/*---End Bounce---*/

或者在jsFiddle中：http://jsfiddle.net/yFKf9/1/

- inTOWN

Answer 1

在另一个问题中找到了您问题的答案。显然，在1.5之前它能够工作并非出于设计。

参考链接：question，not by design

- mgibsonbr

---

一个用于补偿背景位置变化的插件应该可以解决这个问题。请尝试使用http://www.protofunc.com/scripts/jquery/backgroundPosition/。 - j08691