0

複数の背景画像のアニメーションを作成しようとしています。

私はこのCSSコードを持っています：

header {
background-image: url('/img/cloud2.png'), url('/img/cloud3.png'), url('/img/cloud1.png'), url('/img/cloud4.png');
background-position: left bottom, 20% 40%, 40% bottom, right 85%;
background-repeat: no-repeat;
}

雲を無限ループで動かしたいだけです。これが私のJavaScriptコードです：

  $('header').animate({
    'background-position-x': '10%, 3%, 5%, 7%'
  }, 500, 'linear');

問題は、これが機能しないことです。これは、background-position-x値を1つだけ書き込んだ場合にのみ機能します。ただし、その場合、すべてのクラウドは同じx値から始まります。

4

1 に答える 1

0

background-positioncssとjqueryで使用しているようですbackground-position-x。background-positionjqueryを使用してを希望の値にリセットしてみませんか？

于 2012-09-26T03:14:33.987 に答える