jquery animateアニメーションの連続動作の例

アニメイトは昭和62年7月に設立され、アニメ関連のキャラクター商品、書籍・雑誌、CD・DVD、ゲーム、画材等の販売を主な事業内容としております。この記事では、jquery animate アニメーションの連続動作の例を紹介します。参考になると思います。

function fingers(){
  $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){
  $(".box01 .fingers").animate({"width":"6.8rem","marginLeft":"-3.4rem"},500,fingers());
  });
 }
fingers();

上記のように、連続的な左右の動きを実現したい場合は、アニメーションを関数にカプセル化し、それを繰り返し呼び出すだけです。

達成するのはとても簡単のようです。

関連する推奨事項;

CSSアニメーションアニメーションの使用に関するチュートリアル

jQueryアニメーションと特殊効果の詳細な説明

CSS3でアニメーションテクノロジーを実装する手順

以上がjquery animateアニメーションの連続動作の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。