使用jQuery动画div背景

时间:2011-08-01 23:23:39

标签: jquery css jquery-animate

好的,所以我试图使用jQuery动画一个DIV元素背景图像背景是一个云,我想以缓慢的移动模式循环。知道我怎么能这样做吗?

我尝试了这段代码,但没有运气,所以不确定是不是错了。

$(document).ready(function() {

    $(function() {
    $.fn.extend({
    animateHeader: function(){
       $(this).find('#header').css('background-position', '0px 0px');
       $(this).find('#header').animate({
            backgroundPosition: '-20px 0px'
       }, 100, 'linear', function() {
            animateHeader(self);
       });
    }
    });
    });

    $(document).ready(function() {
    $(this).animateHeader();
    });

    });

P.S。它自己的背景图像是1598 x 337px这是它看起来如果有人感兴趣的方式:http://i54.tinypic.com/25zng2r.jpg

1 个答案:

答案 0 :(得分:1)

默认情况下,您无法使用此插件来获得所需的结果: http://www.protofunc.com/scripts/jquery/backgroundPosition/