0

jQueryで絵を動かしたい。私はこのコードを持っています:

$(document).ready(function(){
$(".label").delay(2000).animate({backgroundPositionX:"0px",backgroundPositionY:"30px"},10000,linear);
$(".label").animate({backgroundPositionX: "-70px" ,backgroundPositionY:"30px"},10000,linear);
$(".label").animate({backgroundPositionX: "-140px" ,backgroundPositionY:"30px"},10000,linear);

しかし、アニメーションは機能しません。何がうまくいかないのですか？

4

3 に答える 3

2

このSOの質問と回答が役立ちます。backgroundPositionXおよびbackgroundPositionY非標準であり、すべてのブラウザーで機能するとは限りません。

于 2013-01-08T15:13:12.267 に答える
1

コードを次のように編集しました。

$(document).ready(function () {
  $(".label").delay(2000).css({
   "backgroundPositionX": "0px",
    "backgroundPositionY": "30px"
  }, 5000, 'linear');
  $(".label").animate({
    "backgroundPositionX": "-70px",
   "backgroundPositionY": "30px"
  }, 5000, 'linear');
  $(".label").animate({
    "backgroundPositionX": "-140px",
    "backgroundPositionY": "30px"
  }, 5000, 'linear');
});

Chromeで動作します。

于 2013-01-08T17:35:49.727 に答える
0 
$(document).ready(function () {
  $(".label").delay(2000).animate({
    backgroundPositionX: "0px",
    backgroundPositionY: "30px"
  }, 10000, 'linear');
  $(".label").animate({
   backgroundPositionX: "-70px",
   backgroundPositionY: "30px"
  }, 10000, 'linear');
  $(".label").animate({
    backgroundPositionX: "-140px",
    backgroundPositionY: "30px"
  }, 10000, 'linear');
});

デモ_

于 2013-01-08T15:29:05.700 に答える