English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryでよく使われるアニメーション効果関数(日々の整理)

jQueryでは非常に多くのアニメーション効果があります。以下に、jQueryのアニメーション関数を紹介します。

jQueryの効果関数リスト:

  animate(): 選択された要素に「カスタム」アニメーションを適用します。

  clearQueue():選択された要素からまだ実行されていないすべての排队された関数を削除します。

  delay(): 選択された要素のすべての排队された関数(まだ実行されていない)に遅延を設定します。

  dequeue():選択された要素の次の排队関数を実行します。

  fadeIn():不透明度を徐々に変更して、要素を非表示から可視にします。

  fadeOut():不透明度を徐々に変更して、要素を可視から非表示にします。

  fadeTo(): 選択された要素を指定された不透明度に徐々に変更します。

  hide(): 選択された要素を非表示にします。

  queue():選択された要素の排队関数を表示します。

  show(): 選択された要素を表示します。

  slideDown(): 高さを調整して選択された要素をスライドで表示します。

  slideToggle(): 選択された要素に対してスライドで非表示と表示の切り替えを行います。

  slideUp(): 高さを調整して選択された要素をスライドで非表示にします。

  stop(): 選択された要素上で実行されているアニメーションを停止します。

  toggle(): 選択された要素に対して非表示と表示の切り替えを行います。

  animate():

    animate() メソッドは、CSS属性セットのカスタムアニメーションを実行します。

    このメソッドは、CSSスタイルを通じて要素の状態を一つからもう一つに変更します。CSS属性値は徐々に変更され、アニメーション効果を作成できます。

    数値のみアニメーションを作成できます(例えば "margin:30px")。文字列値はアニメーションを作成できません(例えば "">  clearQueue():

    clearQueue() メソッドは、まだ実行されていないすべての排队された関数を停止します。

    stop() メソッドとは異なり、(アニメーションにのみ適用)、clearQueue() は .queue() メソッドを通じて一般的な jQuery キューに追加されたすべての排队された関数をクリアできます。

  delay():

    delay(): 選択された要素のすべての排队された関数(まだ実行されていない)に遅延を設定します。

  dequeue():

    dequeue():選択された要素の次の排队関数を実行します。

  fadeIn():

    fadeIn() メソッドは、選択された要素が非表示の場合に、フェードイン効果を使用して要素を表示します。

  fadeOut():

    fadeOut() メソッドは、選択された要素が非表示の場合に、フェードアウト効果を使用して要素を非表示にします。

   fadeTo():

    fadeTo() メソッドは、選択された要素の不透明度を指定された値に徐々に変更します。

  hide():

    選択された要素が表示されている場合、その要素を非表示にします。

  queue():

    queue():選択された要素の排队関数を表示します。

  show():

    選択された要素が非表示の場合はこれらの要素を表示します。

  slideDown():

    slideDown() メソッドは、スライド効果を使用して非表示の選択された要素を表示します。

  slideToggle() :

    slideToggle() メソッドは、スライド効果(高さの変更)を使用して要素の可視状態を切り替えます。

    選択された要素が可視の場合はこれらの要素を非表示にし、非表示の場合は表示します。

  slideUp():

    スライド効果を使用して、選択された要素を非表示にします(既に表示されている場合)。

  stop():

    stop() メソッドは、現在実行中のアニメーションを停止します。

  toggle():

    toggle() メソッドは、要素の可視状態を切り替えます。

以上は、編集者が皆さんに紹介したjQueryの常用アニメーション効果関数(日々の整理)です。皆さんに役立つことを願っています。何かご不明な点がございましたら、コメントを残してください。編集者は迅速に回答します。

声明:本文の内容はインターネットから取得しており、著作権者に帰属します。インターネットユーザーが自発的に貢献し、自己でアップロードしたものであり、本サイトは所有権を有しません。また、人工的な編集は行われていません。著作権侵害が疑われる内容がある場合は、メールを送信して:notice#w までお知らせください。3codebox.com(メール送信時は、#を@に置き換えてください。報告を行い、関連する証拠を提供してください。一旦確認が取れましたら、本サイトは即座に侵害疑いのコンテンツを削除します。)

おすすめ