JavaScript 自動完成腳本整理(33個)
如果你也正準備在這方面提升自己網(wǎng)站的用戶體驗,下面為你準備了33個JavaScript自動完成腳本,當(dāng)然還包括用Jquery實現(xiàn)的。
1. Proto!TextboxList (演示地址)
一個使用Prototype library開發(fā)具有autocomplete功能類似于Facebook的TextboxList控件。
2. jQuery Autocomplete Plugin
jQuery插件易于集成到現(xiàn)在的表單中(Form)。
3. dhtmlxCombo
dHTMLxCombo是一個跨平臺的,具有Autocomplete功能,支持Ajax的combobox。
4. Facebook like Autocomplete (演示地址)
基于jQuery開發(fā),類似于FaceBoox提供的AutoCompleter
5. MooTools Autocompleter (演示地址)
利用MooTools開發(fā),支持從本地對象獲取數(shù)據(jù)或通過XHR取得Json或Xhtml。
6. jQuery Autocomplete Mod (演示地址)
jQuery Autcomplete插件。能夠限制下拉菜單顯示的結(jié)果數(shù)。
7. jqac
基于Jquery開發(fā)的Autocomplete插件。具有易于使用,配置簡單,既可以利用Ajax讀取數(shù)據(jù)也可以直接從本地獲取數(shù)據(jù)。
8. jQuery Tag Suggestion (演示地址)
類似于del.icio.us提供的tag suggesting功能。
9. Spry Auto Suggest (演示地址)
Spry Auto Suggest控件。Spry是Adobe公司針對目前越來越流行的Ajax技術(shù)而推出自己的Ajax框架。
10. Autocomplete-jQuery ajax (演示地址)
利用jQuery(Ajax),PHP和MySQL開發(fā)的AutoCompleter。
11. jQuery.Suggest
跨瀏覽器支持,基于jQuery開發(fā)的Autocomplete library。
12. Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩存選項來限制對服務(wù)器的請求。
13. jQuery plugin: Autocomplete (演示地址)
自動完成輸入框值讓用戶能夠快速查找和過濾某些值。
14. jSuggest
模仿Google Suggest功能的AutoComplete jQuery插件。
15. Control.Autocomplete
基于Mootools框架開發(fā)的Autocomplete控件。
16. ddcombobox
帶AutoComplete功能的下拉選擇框jQuery插件。
17. jQuery Live Ajax Search Plug-in
采用jQuery開發(fā)的AutoComplete控件。搜索結(jié)果展示框完全可以利用CSS自定義,內(nèi)容展示是一個HTML頁面。
18. A fancy Apple.com-style search suggestion (演示地址)
這是一個使用HTML/CSS,jQuery,MySQL PHP等技術(shù)實現(xiàn)的Search Suggestion。
19. TextboxList (演示地址)
這個Mootools插件能夠?qū)⑵胀ǖ奈谋据斎肟颍D(zhuǎn)換成擁有Autocomplete功能風(fēng)格類似于Facebook的文本輸入框。支持任意類型的數(shù)據(jù)源(XHR、Json)。
20. Autobox2 (演示地址)
Autobox2這個jQuery插件,可以用于創(chuàng)建類似于Facebook風(fēng)格的AutoComplete控件。
21. MavSuggest (演示地址)
MavSuggest是一個采用Mootools框架實現(xiàn)的AutoComplete控件。MavSuggest只支持JSON格式的數(shù)據(jù)對象。服務(wù)端可以采用任意語言實現(xiàn),服務(wù)端只需按要求輸出相應(yīng)的JSON對象即可。
22. Tokenizing Autocomplete Text Entry (演示地址)
一個jQuery插件能夠讓用戶從一個預(yù)設(shè)的列表中,選擇多個項目。并提供Autocompletion功能來幫助用戶搜索項目。支持通過CSS控制和定制布局。能夠緩存搜索結(jié)果減少服務(wù)器加載次數(shù)。支持用鼠標(biāo)或鍵盤來選擇項目。提供平滑的動畫數(shù)據(jù)加載效果。
23. AutoComplete-JQuery (演示地址)
jQuery插件易于集成到現(xiàn)在的表單中(Form)。
24. jQuery Autocomplete Mod
jQuery Autcomplete插件。能夠限制下拉菜單顯示的結(jié)果數(shù)。
25. jqac (演示地址)
基于Jquery開發(fā)的Autocomplete插件。具有易于使用,配置簡單,既可以利用Ajax讀取數(shù)據(jù)也可以直接從本地獲取數(shù)據(jù)。
26. Spry AutoSuggest
Spry Auto Suggest控件。Spry是Adobe公司針對目前越來越流行的Ajax技術(shù)而推出自己的Ajax框架。
27. Autocomplete-jQuery ajax (演示地址)
利用jQuery(Ajax),PHP和MySQL開發(fā)的AutoCompleter。
28. jQuery.Suggest (演示地址)
跨瀏覽器支持,基于jQuery開發(fā)的Autocomplete library。
29. Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩存選項來限制對服務(wù)器的請求。
30. MavSuggest (演示地址)
MavSuggest是一個采用Mootools框架實現(xiàn)的AutoComplete控件。MavSuggest只支持JSON格式的數(shù)據(jù)對象。服務(wù)端可以采用任意語言實現(xiàn),服務(wù)端只需按要求輸出相應(yīng)的JSON對象即可。
31. 好友選擇器 (演示地址)
用jquery 仿照開心網(wǎng)做的查找用戶自動提示插件.
32. Flexselect
jQuery Flexselect 同樣是一款下拉框提示插件,也就是大家所說的輸入框提示。目前,jQueryFlexselect已經(jīng)發(fā)展到v0.2版本,其用法千變?nèi)f化,適用的場合也 越來越多,具體的用法最好閱讀一下官方的文檔。它可以與其它的輸入框形成級聯(lián)提示,比以往的幾款提示插件功能更強大。
33. FlexBox
FlexBox 是一個 jQuery 插件用來顯示動態(tài)下拉框,使用的是 JSON 格式的數(shù)據(jù)源。
相關(guān)文章
JS 設(shè)計模式之:工廠模式定義與實現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計模式之:工廠模式,結(jié)合實例形式分析了JS 工廠模式基本概念、原理、定義、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2020-05-05純js+css實現(xiàn)仿移動端淘寶網(wǎng)站的彈出詳情框功能
這篇文章主要介紹了純js+css實現(xiàn)仿移動端淘寶網(wǎng)站的彈出詳情框功能,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12JavaScript面向?qū)ο笾薪涌趯崿F(xiàn)方法詳解
這篇文章主要介紹了JavaScript面向?qū)ο笾薪涌趯崿F(xiàn)方法,結(jié)合實例形式分析了javascript面向?qū)ο蠼涌诘母拍?、實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-07-07js setTimeout實現(xiàn)延遲關(guān)閉彈出層
有時候我們希望彈出層能夠?qū)崿F(xiàn)延遲關(guān)閉,并且鼠標(biāo)在彈出層區(qū)域移動的時候能夠保持顯現(xiàn),下面是具體的實現(xiàn)代碼。2010-04-04