所謂的提升使用者體驗,其實就是把所有使用者視為極度弱智和超級懶鬼。比如JavaScript自動完成(Autocomplete)指令碼, 常用於表單,使用者只需輸入一兩個字母,就為你擴充、聯想、匹配和供君選擇。
如果你也正準備在這方面提升自己網站的使用者體驗,下面為你準備了33個JavaScript自動完成指令碼。
1. Proto!TextboxList (示範地址)
一個使用Prototype library開發具有autocomplete功能類似於Facebook的TextboxList控制項。
2.
jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete Plugin
jQuery外掛程式易於整合到現在的表單中(Form)。
3. dhtmlxCombo
dHTMLxCombo是一個跨平台的,具有Autocomplete功能,支援Ajax的combobox。
4. Facebook like Autocomplete (示範地址)
基於jQuery開發,類似於FaceBoox提供的AutoCompleter
5. MooTools Autocompleter (示範地址)
利用MooTools開發,支援從本機物件擷取資料或通過XHR取得Json或Xhtml。
6. jQuery Autocomplete Mod (示範地址)
jQuery Autcomplete外掛程式。能夠限制下拉式功能表顯示的結果數。
7. jqac
基於Jquery開發的Autocomplete外掛程式。具有便於使用,配置簡單,既可以利用Ajax讀取資料也可以直接從本地擷取資料。
8. jQuery Tag Suggestion (示範地址)
類似於del.icio.us提供的tag suggesting功能。
9. Spry Auto Suggest (示範地址)
Spry Auto Suggest控制項。Spry是Adobe公司針對目前越來越流行的Ajax技術而推出自己的Ajax架構。
10. Autocomplete-jQuery ajax (示範地址)
利用jQuery(Ajax),PHP和MySQL開發的AutoCompleter。
11. jQuery.Suggest
跨瀏覽器支援,基於jQuery開發的Autocomplete library。
12. Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩衝選項來限制對伺服器的請求。
13. jQuery plugin: Autocomplete (示範地址)
自動完成輸入框值讓使用者能夠快速尋找和過濾某些值。
14. jSuggest
模仿Google Suggest功能的AutoComplete jQuery外掛程式。
15. Control.Autocomplete
基於Mootools架構開發的Autocomplete控制項。
16. ddcombobox
帶AutoComplete功能的下拉選擇框jQuery外掛程式。
17. jQuery Live Ajax Search Plug-in
採用jQuery開發的AutoComplete控制項。搜尋結果展示框完全可以利用CSS自訂,內容展示是一個HTML頁面。
18. A fancy Apple.com-style search suggestion (示範地址)
這是一個使用HTML/CSS,jQuery,MySQL PHP等技術實現的Search Suggestion。
19. TextboxList (示範地址)
這個Mootools外掛程式能夠將普通的文本輸入框,轉換成擁有Autocomplete功能風格類似於Facebook的文本輸入框。支援任意類型的資料來源(XHR、Json)。
20. Autobox2 (示範地址)
Autobox2這個jQuery外掛程式,可以用於建立類似於Facebook風格的AutoComplete控制項。
21. MavSuggest (示範地址)
MavSuggest是一個採用Mootools架構實現的AutoComplete控制項。MavSuggest只支援JSON格式的資料對象。服務端可以採用任意語言實現,服務端只需按要求輸出相應的JSON對象即可。
22. Tokenizing Autocomplete Text Entry (示範地址)
一個jQuery外掛程式能夠讓使用者從一個預設的列表中,選擇多重專案。並提供Autocompletion功能來協助使用者搜尋項目。支援通過CSS控制和定製布局。能夠緩衝搜尋結果減少伺服器載入次數。支援用滑鼠或鍵盤來選擇項目。提供平滑的動畫資料載入效果。
23. AutoComplete-JQuery (示範地址)
jQuery外掛程式易於整合到現在的表單中(Form)。
24. jQuery Autocomplete Mod
jQuery Autcomplete外掛程式。能夠限制下拉式功能表顯示的結果數。
25. jqac (示範地址)
基於Jquery開發的Autocomplete外掛程式。具有便於使用,配置簡單,既可以利用Ajax讀取資料也可以直接從本地擷取資料。
26. Spry AutoSuggest
Spry Auto Suggest控制項。Spry是Adobe公司針對目前越來越流行的Ajax技術而推出自己的Ajax架構。
27. Autocomplete-jQuery ajax (示範地址)
利用jQuery(Ajax),PHP和MySQL開發的AutoCompleter。
28. jQuery.Suggest (示範地址)
跨瀏覽器支援,基於jQuery開發的Autocomplete library。
29. Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩衝選項來限制對伺服器的請求。
30. MavSuggest (示範地址)
MavSuggest是一個採用Mootools架構實現的AutoComplete控制項。MavSuggest只支援JSON格式的資料對象。服務端可以採用任意語言實現,服務端只需按要求輸出相應的JSON對象即可。
31. 好友選取器 (示範地址)
用jquery 仿照開心網做的尋找使用者自動提示外掛程式.
32. Flexselect
jQuery Flexselect 同樣是一款下拉框提示外掛程式,也就是大家所說的輸入框提示。目前,jQuery Flexselect已經發展到v0.2版本,其用法千變萬化,適用的場合也越來越多,具體的用法最好閱讀一下官方的文檔。它可以與其它的輸入框形成級聯提示,比以往的幾款提示外掛程式功能更強大。
33. FlexBox
FlexBox 是一個 jQuery 外掛程式用來顯示動態下拉框,使用的是 JSON 格式的資料來源。