JavaScript自動補完スクリプト編成(33)_javascriptスキル-jsチュートリアル-php.cn

この点で 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> JavaScript自動補完スクリプト編成(33)_javascriptスキル =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) に簡単に統合できます。 JavaScript自動補完スクリプト編成(33)_javascriptスキル =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 はクロスプラットフォームであり、オートコンプリート機能を備え、 JavaScript自動補完スクリプト編成(33)_javascriptスキル コンボボックス 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 JavaScript自動補完スクリプト編成(33)_javascriptスキル )=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.
JavaScript自動補完スクリプト編成(33)_javascriptスキルデモアドレス)=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 テクノロジーに対応した Adobe 独自の Ajax フレームワークです。 JavaScript自動補完スクリプト編成(33)_javascriptスキル (デモアドレス )=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、My JavaScript自動補完スクリプト編成(33)_javascriptスキル 11. 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> JavaScript自動補完スクリプト編成(33)_javascriptスキルオートコンプリート - 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> JavaScript自動補完スクリプト編成(33)_javascriptスキル検索結果表示ボックスは、
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. JavaScript自動補完スクリプト編成(33)_javascriptスキル =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 テクノロジーに対応した Adobe 独自の 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> JavaScript自動補完スクリプト編成(33)_javascriptスキル 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 プラグインです。