3

jQuery Mobile ページがあり、このページの [保存] ボタンをアニメーション化して、幅/高さの半分を失い、アニメーション化して元のサイズに戻したいと考えています。 

function animateMe() {    
  var originalHeight = $("#btnSave").height();
  var originalWidth = $("#btnSave").width();
  $("#btnSave").animate(
    {"height": originalHeight / 2, "width": originalWidth / 2}, 
    { duration: "fast" }
  );            

  $("#btnSave").animate(
    {"height": originalHeight, "width": originalWidth}, 
    { duration: "fast" }
  );                  
}

アニメーションは正常に動作しますが、ボタンが中央に折りたたまれることを望んでいましたが、代わりに上部/左側の位置に折りたたまれます (予想どおり)。

ボタンをアニメーション化して、中央に折りたたんでから元に戻すにはどうすればよいですか?

4

2 に答える 2

2

これはanimation、scalejQuery のanimate. これに CSS3 アニメーションを使用することの他の利点に加えて、パフォーマンスが大幅に向上するはずです。

アイデアを提供するために、大まかな例を次に示します。 http://jsfiddle.net/ghinda/8nNeS/

于 2013-09-24T18:13:54.053 に答える