Как вы анимируете фоновую позицию с помощью jQuery? - PullRequest
Новая
       18

Как вы анимируете фоновую позицию с помощью jQuery?

0 голосов
/ 05 марта 2012

Я пытался анимировать перемещение фоновой позиции из div.У div есть фон и что-то вроде этого: 

<div class="uppermenu" style="background-position: 0px -80px;"></div>

Итак, он работает нормально, и когда я делаю курсор мыши, я хочу изменить положение фона, анимируя его, делая его похожим на background-position:0px 0px, но это просто не работает ... Я могу изменить цвета и все, но я не могу переместить фон.Есть ли способ сделать это?

Я пробовал вот так: 

jQuery(this).children(".uppermenu").animate({"background-position": "0 85px"}, "slow");

А также вот так: 

jQuery(this).children(".uppermenu").animate({
    'background-position-y': '45px',
    'background-position-x': '0px'
}, 100, 'linear');

Никто из них не изменил мою позицию,Что не так?

1 Ответ

1 голос
/ 05 марта 2012

Синтаксис для анимации положения фона: 

.animate({backgroundPosition:"(-20px 94px)"});

Вы также можете использовать плагин для этого на http://archive.plugins.jquery.com/project/backgroundPosition-Effect

...