анимация фона div с использованием jQuery - PullRequest
Новая
       2

анимация фона div с использованием jQuery

1 голос
/ 02 августа 2011

Хорошо, поэтому я пытаюсь анимировать фоновое изображение DIV-элементов с использованием jQuery, фон - это облако, которое я хотел бы зацикливать снова и снова в медленном, как движущийся паттерн. Есть идеи, как мне это сделать?

Я попробовал этот код, но не повезло, поэтому не уверен, что случилось. 

$(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 337 пикселей выглядит следующим образом, если кому-то это интересно: http://i54.tinypic.com/25zng2r.jpg

1 Ответ

1 голос
/ 02 августа 2011

Вы не можете по умолчанию, но вы можете использовать этот плагин для достижения желаемого результата: http://www.protofunc.com/scripts/jquery/backgroundPosition/

...