10 月に、私たちは知っておくべき 20 の素晴らしい Ajax エフェクトで皆さんを驚かせました。この記事は、Nettuts のこれまでで最も人気のある投稿の 1 つになりました。今回は、皆さんが知っていて気に入っていただける、同様に優れた Ajax エフェクトを 20 個以上用意しました。
###1。画像メニュー
###2。画像ストリーム
###3。インスタント.js
画像に興味深い背景、回転、その他の効果を追加したい場合は、Instant.js が最適かもしれません。 JavaScript は正常に機能を低下させるため、JavaScript が有効になっていないブラウザでは違いに気づきません。ライト ボックスやグレーのボックスについては誰もが聞いたことがあると思いますが、ガラス製のボックスについてはどうでしょうか? GlassBox は、Scriptaculous と Prototype に依存するインターフェイス ライブラリです。この気の利いたライブラリは、透明な境界線やその他のキラキラしたような効果を追加します。使いやすく、スキニング可能で、動的なコンテンツの読み込み機能も備えています。
###5。検索フィールド CSS/JS
ユーザー インタラクションの観点から、オートコンプリート検索フィールドは非常に価値があります。検索者は自分が何を探しているのかよくわかっていないことがあります。そのため、ユーザーが探しているものを正確に見つけるのに役立つものは、大きな利点となります。
CSSGlobe には、CSS と Ajax を使用して Web サイトの検索フィールドを (目立たない程度に) 強化する方法についての非常に優れたチュートリアルがあります。画像とフィールドの読み込みは、Ajax を使用する最新の Web アプリケーションにとって非常に重要です。 Protoload には、待機中に何が起こっているかをユーザーに表示するのに役立ついくつかの組み込みオプションが用意されています。このスクリプトには、要素を読み込むためのカラー オーバーレイ、カスタム テキスト、その他多くのオプションなど、多くのオプションが用意されています。
jwysiwyg は、シンプル、強力、そして非常に軽量な JavaScript jQuery WYSIWYG プラグインです。このプラグインには WYSIWYG エディタの標準機能の多くが備わっており、合計サイズはわずか 7kb です。
###8。 jquery.biggerlink 2Bigger Link 2 は、人気のある jQuery JavaScript フレームワーク上で実行されます。
タグの提案は、最新の Web アプリケーションにおける Ajax の一般的な使用方法です。オートコンプリート検索ボックスと同様に、jQuery Tag Suggestions プラグインは、タグを使用するアプリケーションで適切なタグをすばやく見つける方法を提供する使いやすいプラグインです。シンプルかつ効果的にユーザー エクスペリエンスを向上させます。
###10。フェイスボックス
Facebox は、Facebook モーダル ウィンドウのライトボックス スタイルを模倣する独自のライトボックス スクリプトです。 Facebox は jQuery に基づいて構築されており、見た目も操作感も Facebook のインターフェイスとほぼ同じで、インストールも簡単です。Humanized Messages は美しい jQuery プラグインで、その名前が示すとおり、ユーザー フレンドリーなメッセージを作成します。 JavaScript プラグインは、時間の経過とともに消える半透明のメッセージを画面上に作成することでこれを実現します。
###12。ライトウィンドウ v2.0
###13。目立たないテーブル操作
###14。 jQuery チェックボックス
jQuery Checkbox は、フォームのチェックボックス フィールドにいくつかのトリックを追加します。 iPhone のインターフェイスによく似たトグル ボタンが追加され、非常に特徴的なオンまたはオフが得られます。使いやすさは非常に優れており、その場でオンまたはオフにできるダイナミックスキンを備えています。カルーセルは、画像やニュース記事などのコンテンツを回転させる優れた方法です。 iCarousel プラグインはその要件に適合し、さまざまな構成オプションと使用法を提供するシンプルな小さなスクリプトです。ニュースティッカー、写真カルーセル、さらには広告カルーセル。
###16。モカ UI
MochaUI は、JavaScript フレームワーク MooTools の別の UI ライブラリです。 MochaUI は基本的に、Web サイト、フォーム、ウィジェット用の完全なユーザー インターフェイスを構築します。これには、ファイル ブラウザ、ウィンドウ サイズ変更、パネル レイアウト、タブ レイアウトなどが含まれます。
###17。 jヒントjTip は単純な概念ですが、ホバーチップの機能を向上させるのに非常に効果的です。 jQuery に基づいた jTip は、すべて Ajax の助けを借りて、ページ上の事前設定されたリンクにエレガントなホバー ボックスを追加するだけです。
フォームは長年にわたり多くの Web 開発者にとって悩みの種でしたが、Ajax などのテクノロジーによりユーザー エクスペリエンスが大幅に向上しました。 Ajax を使用すると、ページをリロードすることなく、フォームを処理して検証し、リアルタイムで応答を送信できます。 Uni-Form は、XHTML を使用してフォーム マークアップを標準化し、個々の要素を簡単に追加または削除できるようにフォームをモジュール化しようとするプラグイン再生コンセプトである小さな Ajax スクリプトです。
検証プロンプトは、フォーム検証に役立つ単純なスクリプトです。パスワードとユーザー名のフィールドが指定された長さであることを保証し、正規表現に基づいて検証することもできます。小さくて便利。
###20。コントロールタブ
以上が知っておくべき 20 の優れた AJAX エフェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。