JavaScript自動補完スクリプト編成(33)_javascriptスキル

この点で Web サイトのユーザー エクスペリエンスを向上させる準備もしている場合は、33 の JavaScript オートコンプリート スクリプトを紹介します。 もちろん、Jquery 達成しました。
1. Proto!TextboxList (デモ アドレス)
=700) window.open('/upload/20091020155954866.jpg');" src="http://files.jb51.net/upload/20091020155954866.jpg" onload="if(this.offsetWidth>'700' )this.width='700';if(this.offsetHeight>'700')this.height='700';" border=0>=700) window.open('/upload/20091020155956308.jpg'); " src="http://files.jb51.net/upload/20091020155956308.jpg" onload="if(this.offsetWidth>'700')this.width='700';if (this.offsetHeight>'700' )this. style="max-width:90%";" border=0>
jQuery プラグインは、現在のフォーム (Form) に簡単に統合できます。 =700) window.open('/upload/20091020155956278.jpg) ');" src="http://files.jb51.net/upload/20091020155956278.jpg" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight> '700')this. style="max-width:90%";" border=0>
dHTMLxCombo はクロスプラットフォームであり、オートコンプリート機能を備え、 コンボボックス 4. Facebook のようなオートコンプリート (デモ アドレス
)=700) window.open('/upload/20091020155956749.png');" src="http://files.jb51.net/upload/20091020155956749.png" onload="if(this.offsetWidth>'700 ' )this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>が提供する AutoCompleter5.
MooTools Autocompleter)=700) window .open('/upload/20091020155956750.jpg');" src="http://files.jb51.net/upload/20091020155956750.jpg" onload="if(this.offsetWidth>'700')this.width = '700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>MooTools を使用して開発されており、ローカル オブジェクトからのデータの取得、または Json または Xhtml の取得をサポートしています。 XHR を通じて。
6. jQuery オートコンプリート Mod (デモ アドレス)
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
jQuery Autcomplete プラグイン。表示される結果の数を制限できます。ドロップダウン メニューにあります。 ';" border=0>
Jquery に基づいて開発されたオートコンプリート プラグイン。使いやすく、設定も簡単です。Ajax を使用してデータを読み取ったり、ローカルから直接データを取得したりできます。 8.
デモアドレス)=700) window.open('/upload/20091020155957168.jpg');" src="http://files.jb51.net/upload/20091020155957168.jpg" onload="if(this.offsetWidth>'700' )this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>del.icio が提供するタグサジェスト機能と同様。私たち ． '700 ')this.width='700';if(this.offsetHeight>'700')this.height='700';" border=0>
Spry Auto Suggest コントロール。 Spry は、人気が高まっている Ajax テクノロジーに対応した Adob​​e 独自の Ajax フレームワークです。 (デモアドレス)=700) window.open('/upload/20091020155957403.png');" src="http://files.jb51.net/upload/20091020155957403.png" onload="if(this.offsetWidth>'700) ')this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>
jQuery (Ajax)、PHP、My11. jQuery.Suggest
=700) window.open('/upload/20091020155957217.jpg');" src="http://files.jb51.net/upload/20091020155957217.jpg" onload="if ( this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>オートコンプリート - jQuery プラグイン
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
サーバーへのリクエストを制限するためのキャッシュ オプションを提供する jQuery オートコンプリーター。
13 .jQuery プラグイン: オートコンプリート (デモ アドレス)
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
オートコンプリート入力ボックスの値を使用すると、ユーザーは特定の値をすばやく検索してフィルタリングできます。
14. jSuggest
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
Google サジェスト機能を模倣する AutoComplete jQuery プラグイン。
15. コントロール .Autocomplete
'700')this.height=' 700';" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
Mootools フレームワークに基づいて開発されたオートコンプリート コントロール。
16.
=700) window.open('/upload/20091020155957993.jpg) ');" src="http://files.jb51.net/upload/20091020155957993.jpg" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight> '700')this. style="max-width:90%";" border=0>検索結果表示ボックスは、
CSS によって開発された AutoComplete コントロールを使用して完全にカスタマイズできます。 jQuery の表示です。18.
Apple.com スタイルの検索候補 (デモ アドレス )
=700) window.open('/upload/20091020155957993.jpg');" src="http://files.jb51.net/upload/20091020155957993. jpg" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>テキストボックスリスト (デモアドレス)
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
この Mootools プラグインは、通常のテキスト入力ボックスをテキスト入力ボックスに変換できます。オートコンプリート関数のスタイルは、Facebook のテキスト入力ボックスに似ています。
Autobox2 ( >デモ アドレス)jQuery プラグイン Autobox2 を使用して Facebook スタイルの AutoComplete コントロールを作成できます 21.

MavSuggest ( デモ アドレス)MavSuggest は、Mootools フレームワークを使用して実装された AutoComplete コントロールです。サーバーは、任意の言語で実装されたデータ オブジェクトのみを使用できます。必要に応じて、対応する JSON オブジェクトを出力するだけです。Tokenizing Autocomplete Text Entry

(Demo.Address)=700) window.open('/upload/20091020155957219.jpg');" src="http://files.jb51.net /upload/20091020155957219.jpg " onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" border=0 >ユーザーがプリセット リストから複数の項目を選択できるようにする jQuery プラグイン。ユーザーがプロジェクトを検索できるようにするオートコンプリート機能も提供します。 CSSによるレイアウト制御とカスタマイズをサポートします。検索結果をキャッシュしてサーバーの読み込み時間を短縮する機能。マウスまたはキーボードによる項目の選択をサポートします。スムーズなアニメーション データの読み込み効果を提供します。
23. )=700) window.open('/upload/20091020155957548.jpg');" src="http://files.jb51.net/upload/20091020155957548.jpg" onload="if(this.offsetWidth>'700' )this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>jQuery プラグインは現在のフォームに簡単に統合できます(フォーム) .
24. =700) window.open(' /upload/ 20091020155957911.jpg');" src="http://files.jb51.net/upload/20091020155957911.jpg" onload="if(this.offsetWidth>'700')this.width='700'; if(this .offsetHeight>'700')this. style="max-width:90%";" border=0>
jQuery Autcomplete プラグイン。ドロップダウン メニューに表示される結果の数を制限する機能。
25. jqac (デモアドレス)
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
Jqueryをベースに開発されたオートコンプリートプラグイン。使い方は簡単です。 Ajax を使用してデータを読み取ったり、ローカルから直接データを取得したりできます。
=700 ) window.open('/upload/20091020155957216.jpg');" src="http://files.jb51.net/upload/20091020155957216.jpg" onload="if(this.offsetWidth>'700 ')this. width='700';if(this.offsetHeight>'700')this.height='700';" border=0>
Spry Auto Suggest コントロール。 Spry は、人気が高まっている Ajax テクノロジーに対応した Adob​​e 独自の Ajax フレームワークです。 デモアドレス)=700) window.open('/upload/20091020155957984.png');" src="http://files.jb51.net/upload/20091020155957984.png" onload="if(this.offsetWidth>'700) ')this.width='700';if(this.offsetHeight>'700')this. style="max-width:90%";" border=0>
jQuery (Ajax)、PHP、MySQL AutoCompleter を使用して開発.'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >

Cross -ブラウザサポート、jQueryライブラリに基づいて開発されたオートコンプリート。 29. オートコンプリート - jQuery プラグイン
=700) window.open('/upload/ 20091020155957774.jpg');" src="http://files.jb51.net/upload/20091020155957774.jpg" onload="if(this.offsetWidth>'700')this.width='700';if(this .offsetHeight>'700')this.height='700';" border=0>MavSuggest (デモ アドレス
)フレンドセレクター (デモアドレス)
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
jquery を使用して Kaixin.com の検索ユーザー自動プロンプト プラグインを模倣します。で .
32. Flexselect
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
jQuery Flexselect は、ドロップダウン ボックス プロンプト プラグインでもあり、誰もがこれを入力ボックスと呼んでいます。プロンプト。現在、jQueryFlexselect はバージョン v0.2 まで開発されており、その使用方法は常に変化しており、より多くの場面に適用できるようになっています。具体的な使用方法については、公式ドキュメントを読むのが最善です。他の入力ボックスとカスケード プロンプトを形成でき、以前のプロンプト プラグインよりも強力です。
33. フレックスボックス
'700')this. style="max-width:90%";" border="0" alt="JavaScript自動補完スクリプト編成(33)_javascriptスキル" >
FlexBox は、JSON 形式のデータ ソースを使用して動的なドロップダウン ボックスを表示するために使用される jQuery プラグインです。