この一連の記事は、「jQuery 1.4 アニメーション テクニック」を読んだ後の要約です。興味のある方は原書を読んでみてください。
アニメーション効果は、Web サイトのインタラクティブなエクスペリエンスを豊かにする上で不可欠な役割を果たします。
アニメーションを使用する場合:
1. ページ、ポップアップ ボックス、またはコンテンツ領域を表示または非表示にするとき
2. 一部のコンテンツがページ上のある場所から別の場所に移動するとき。 🎜> 3. ユーザーの操作に応じてページ上の一部のコンテンツの状態が変化するとき。
4. 一部のコンテンツが複数の状態の間で遷移するとき。
5. 何らかの操作を行うとき、または描画するときに、ユーザーに特定の操作を実行するように誘導する。彼らはいくつかの非常に重要な情報に注意を向けています。
アニメーションを使用すべきでない場合:
1. 特定の操作でユーザーが操作を頻繁に繰り返す必要がある場合
2. デバイスがアニメーション効果を完全に表示できない場合 (つまり、アニメーションが占有してしまう場合)多くのコンピュータリソースが必要となり、パフォーマンスに影響します)
3. 即時操作。
もちろん、これらの規制は絶対的なものではありません。実際の状況に基づいてアニメーションを使用するかどうかを決定する必要があります。以下にいくつかのチェックリスト (検証リスト) を示します。以下のオプションが満たされている限り、アニメーションは価値のあるものになります。
1. アニメーションがターゲット顧客に適しているかどうか、
2. アニメーションがユーザーエクスペリエンスを向上させるかどうか、
4. アニメーションが適切な速度で実行されるかどうか。適切な速度。
次に、アニメーション読み込みインジケーターを作成する最初の例を開始します。コメントを付けてソース コードを直接投稿します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
