コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jquery animateアニメーションの連続動作の例

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

小云云
リリース： 2017-12-07 15:44:49
オリジナル
1850 人が閲覧しました

アニメイトは昭和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 サイトの他の関連記事を参照してください。

関連ラベル：
animate jquery スポーツ
ソース：php.cn
前の記事：jQuery イメージの読み込みが失敗する、デフォルトのイメージを置き換える方法 次の記事：タイムライン効果を実現する angularjs のサンプルコード
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
再タイトル: 縦型製品ディスプレイ 私の Web ページでは、現在、プロジェクト製品が行ごとに縦方向にリストされています。縦にスクロールして表示したいのですが。水平に変更するにはどうすればよいですか? divclas...
から 2024-04-05 09:17:50
0
1
3505
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート