Jquery动画继续

Question

我想在鼠标悬停时以连续/无限制为背景图像设置动画。

我们怎么能这样做？

MY JS FIDDLE DEMO

$('button').mouseover(function() { 
    $(this).animate({'background-position': '100%'}, 500, 'linear');
    });

$('button').mouseout(function() { 
    $(this).animate({'background-position': '0%'}, 500, 'linear');
    });

Answer 1

http://jsfiddle.net/6LfEx/

var animatePosition = function(that){
    $(that).css({
        'background-position': '0%'
    }).animate({
        'background-position': '100%'
    }, 500, 'linear', function(){
        animatePosition(that);
    });
};

我会使用递归函数

Answer 2

我更新了你的jsfiddle，Demo

this.handler = setInterval(function() {
       Position = Position == '0%' ? '100%' : '0%';
       $(MyParent).animate({'background-position':Position }, 500, 'linear');
    }, 500);