12

長時間実行されるタスクが実行されていることを Web アプリのユーザーに示したいと思います。むかしむかし、この概念は砂時計を表示することでユーザーに伝えられました。最近では、アニメーションの回転する円のようです。(たとえば、Firefox で新しいタブをロードしている場合、または Mac OS X で起動している場合。偶然にも、stackoverflow ロゴのオーバーフロー スタックは円の 4 分の 1 のように見えます)。

Javascript (特に JQuery) を使用してこの効果を作成する簡単な方法はありますか? 理想的には、これらの小さなスピナーの 1 つをテーブル内の要素として使用して、保留中のタスクの処理でシステムがまだアクティブであること (つまり、忘れたりクラッシュしたりしていないこと) をユーザーに示したいと思います。(もちろん、バックエンドがクラッシュし、フロントエンドがまだ回転するアニメーションとして表示される可能性があることは理解しています。これは、ユーザーがアクティビティを見ているという心理的な目的のためです)。

とにかく、あなたはその回転するものを何と呼んでいますか？

4

4 に答える 4

20

多くの画像と画像ジェネレーターを見つけるためのGoogle Ajax アクティビティ インジケーター(「回転する」画像自体はアニメーション GIF です)。

開始するための 1 つのリンクを次に示します。

画像を入手したら、JQuery を使用して画像 (またはその親 DIV タグ) の可視性を切り替えます。詳細については、このリンクを参照してください。

rp

于 2008-09-03T04:32:03.270 に答える
6

このサイトはあなたのためにそれを行います：

ajaxload

OS X では「Beachball」と呼ばれ、「Of Death」を追加するのが好きです。

于 2008-09-03T04:22:17.943 に答える
3

http://preloaders.net/en/letters_numbers_wordsは素晴らしく、左側のメニューの下にhttp://ajaxload.infoよりも多くのカテゴリがあり、サイズと背景のオプションに加えて... ajaxload はかなり時代遅れに見えますこの日。

于 2012-07-31T09:54:20.667 に答える
2

Ajax 呼び出し中のバックグラウンド アクティビティを示すためのものだと思います。

背景画像を小さなアニメーション GIF に設定し、適切なパディングと配置 (background-repeat をオフにすることを忘れないでください) を設定する CSS クラスを用意する傾向があります。呼び出しが開始され、応答コールバックが実行されたとき。

于 2008-09-03T04:29:26.413 に答える