コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

JavaScript 拡張チュートリアル - jQuery アニメーション

黄舟
リリース： 2017-01-21 16:03:19
オリジナル
1200 人が閲覧しました

jQuery アニメーション - animate() メソッド

jQuery animate() メソッドは、カスタム アニメーションを作成するために使用されます。

構文: 

$(selector).animate({params},speed,callback);
ログイン後にコピー

必須の params パラメータは、アニメーションを形成する CSS プロパティを定義します。

オプションの速度パラメーターは、エフェクトの持続時間を指定します。 「slow」、「fast」、またはミリ秒の値を取ることができます。

オプションのコールバックパラメータは、アニメーションの完了後に実行される関数の名前です。

次の例は、animate() メソッドの簡単なアプリケーションを示しています。左属性が 250 ピクセルになるまで、

要素を左に移動します。チュートリアル-jQuery アニメーション コンテンツ、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。


関連ラベル：
JavaScript，jQuery动画
ソース：php.cn
前の記事：JavaScript 拡張チュートリアル - Native.js の例の概要 次の記事：JavaScript 拡張チュートリアル - jQuery セレクター
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
0ms スリープを省略すると CSS トランジションが中断されるのはなぜですか? FLIP アニメーションを実装して、正しく理解できているかどうかを確認しようとしています。このコードペン (間違ったコードですみません。ただいじっているだけです) で、sleep ...
から 2024-04-06 16:29:50
0
2
490
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CSS Tailwind を使用した画像ホバー カード アニメーションが期待どおりに動作しません。 <html><body><divclass="groupcardmy-14mx-3w-80h-100bg-gray-800rounded-x...
から 2024-04-06 13:43:17
0
1
356
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート