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