知っておくべき 20 の優れた AJAX エフェクト

10 月に、私たちは知っておくべき 20 の素晴らしい Ajax エフェクトで皆さんを驚かせました。この記事は、Nettuts のこれまでで最も人気のある投稿の 1 つになりました。今回は、皆さんが知っていて気に入っていただける、同様に優れた Ajax エフェクトを 20 個以上用意しました。

＃＃＃１。画像メニュー

画像メニューは、画像を使用して水平方向の画像メニューを作成する単純な JavaScript です。リンクの上にマウスを移動すると、画像が拡大して画像の残りの部分が表示されます。ほぼすべての最新ブラウザと互換性があります (IE 8 については言及されていません)。

＃＃＃２。画像ストリーム

ImageFlow は、目立たず「ユーザーフレンドリー」な JavaScript 画像ライブラリ スクリプトです。画像を閲覧するためのエレガントなスクロールバーが特徴で、画像はすべて反射の上に配置され、Mac のようなカバー フロー効果を生み出します。

＃＃＃３。インスタント.js

画像に興味深い背景、回転、その他の効果を追加したい場合は、Instant.js が最適かもしれません。 JavaScript は正常に機能を低下させるため、JavaScript が有効になっていないブラウザでは違いに気づきません。

＃＃＃４。ガラスボックス

ライト ボックスやグレーのボックスについては誰もが聞いたことがあると思いますが、ガラス製のボックスについてはどうでしょうか? GlassBox は、Scriptaculous と Prototype に依存するインターフェイス ライブラリです。この気の利いたライブラリは、透明な境界線やその他のキラキラしたような効果を追加します。使いやすく、スキニング可能で、動的なコンテンツの読み込み機能も備えています。

＃＃＃５。検索フィールド CSS/JS

ユーザー インタラクションの観点から、オートコンプリート検索フィールドは非常に価値があります。検索者は自分が何を探しているのかよくわかっていないことがあります。そのため、ユーザーが探しているものを正確に見つけるのに役立つものは、大きな利点となります。

CSSGlobe には、CSS と Ajax を使用して Web サイトの検索フィールドを (目立たない程度に) 強化する方法についての非常に優れたチュートリアルがあります。

＃＃＃６。プロトタイプの読み込み

画像とフィールドの読み込みは、Ajax を使用する最新の Web アプリケーションにとって非常に重要です。 Protoload には、待機中に何が起こっているかをユーザーに表示するのに役立ついくつかの組み込みオプションが用意されています。このスクリプトには、要素を読み込むためのカラー オーバーレイ、カスタム テキスト、その他多くのオプションなど、多くのオプションが用意されています。

＃＃＃7。 jwysiwyg

jwysiwyg は、シンプル、強力、そして非常に軽量な JavaScript jQuery WYSIWYG プラグインです。このプラグインには WYSIWYG エディタの標準機能の多くが備わっており、合計サイズはわずか 7kb です。

＃＃＃８。 jquery.biggerlink 2

Bigger link 2 は確かに、より大きなクリック可能なリンクを簡単に作成できるシンプルなプラグインです。必要に応じて、リンク要素内にリンクを埋め込むこともできます。 (より明確な情報については、デモをご覧ください。)

Bigger Link 2 は、人気のある jQuery JavaScript フレームワーク上で実行されます。

＃＃＃９。 jQuery タグの提案

タグの提案は、最新の Web アプリケーションにおける Ajax の一般的な使用方法です。オートコンプリート検索ボックスと同様に、jQuery Tag Suggestions プラグインは、タグを使用するアプリケーションで適切なタグをすばやく見つける方法を提供する使いやすいプラグインです。シンプルかつ効果的にユーザー エクスペリエンスを向上させます。

＃＃＃１０。フェイスボックス

Facebox は、Facebook モーダル ウィンドウのライトボックス スタイルを模倣する独自のライトボックス スクリプトです。 Facebox は jQuery に基づいて構築されており、見た目も操作感も Facebook のインターフェイスとほぼ同じで、インストールも簡単です。

＃＃＃１１。人間味あふれるメッセージ

Humanized Messages は美しい jQuery プラグインで、その名前が示すとおり、ユーザー フレンドリーなメッセージを作成します。 JavaScript プラグインは、時間の経過とともに消える半透明のメッセージを画面上に作成することでこれを実現します。

＃＃＃１２。ライトウィンドウ v2.0

LightWindow もライトボックス プラグインですが、このタイプのプラグインでは無視されていると思われる機能を追加します。まず、このプラグインを使用すると、ライトボックス内でマルチメディアをレンダリングして使用できます。ムービー、画像、さらにはギャラリー全体を LightWindow に表示できます。マルチメディアを控えめに表示するのに最適です。

＃＃＃１３。目立たないテーブル操作

テーブル データは、特に行と列の並べ替えを可能にしたい場合、効率的に表示することが難しいことがよくあります。目立たないテーブル アクションは、テーブル データにさまざまな効果を適用できる JavaScript の一種です。この小さなスクリプトを使用すると、行、列の強調表示、データの並べ替えなどを行うことができます。

＃＃＃１４。 jQuery チェックボックス

jQuery Checkbox は、フォームのチェックボックス フィールドにいくつかのトリックを追加します。 iPhone のインターフェイスによく似たトグル ボタンが追加され、非常に特徴的なオンまたはオフが得られます。使いやすさは非常に優れており、その場でオンまたはオフにできるダイナミックスキンを備えています。

＃＃＃１５。 iカルーセル

カルーセルは、画像やニュース記事などのコンテンツを回転させる優れた方法です。 iCarousel プラグインはその要件に適合し、さまざまな構成オプションと使用法を提供するシンプルな小さなスクリプトです。ニュースティッカー、写真カルーセル、さらには広告カルーセル。

＃＃＃１６。モカ UI

MochaUI は、JavaScript フレームワーク MooTools の別の UI ライブラリです。 MochaUI は基本的に、Web サイト、フォーム、ウィジェット用の完全なユーザー インターフェイスを構築します。これには、ファイル ブラウザ、ウィンドウ サイズ変更、パネル レイアウト、タブ レイアウトなどが含まれます。

＃＃＃１７。 jヒント

jTip は単純な概念ですが、ホバーチップの機能を向上させるのに非常に効果的です。 jQuery に基づいた jTip は、すべて Ajax の助けを借りて、ページ上の事前設定されたリンクにエレガントなホバー ボックスを追加するだけです。

18.統一フォーマット

フォームは長年にわたり多くの Web 開発者にとって悩みの種でしたが、Ajax などのテクノロジーによりユーザー エクスペリエンスが大幅に向上しました。 Ajax を使用すると、ページをリロードすることなく、フォームを処理して検証し、リアルタイムで応答を送信できます。 Uni-Form は、XHTML を使用してフォーム マークアップを標準化し、個々の要素を簡単に追加または削除できるようにフォームをモジュール化しようとするプラグイン再生コンセプトである小さな Ajax スクリプトです。

＃＃＃１９。確認プロンプト

検証プロンプトは、フォーム検証に役立つ単純なスクリプトです。パスワードとユーザー名のフィールドが指定された長さであることを保証し、正規表現に基づいて検証することもできます。小さくて便利。

＃＃＃２０。コントロールタブ

Control Tabs (強力な LivePipe UI の一部) は、ページ上のタブを構成するさまざまな方法を提供する優れたスクリプトです。標準のタブ付きインターフェイスを使用することも、画像などを使用してタブを表示することもできます。 Control Tabs は強力なスクリプトであり、タブ付きインターフェイスを微調整するための API も備えています。

以上が知っておくべき 20 の優れた AJAX エフェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。