jQuery的搜索关键词自动匹配插件
2014-03-14 09:37
411 查看
相信许多人都会用过搜索栏自动匹配关键词的功能,无论是像google的专业搜索引擎,还是普通的网站,现在许多都用上了这种关键词匹配技术,本文介绍的用jQuery实现的关键词匹配技术,当然要整合到自己的系统中还需要链接后台的代码。
在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。例如Google的搜索框效果如下:
![](http://www.admin10000.com/UploadFiles/Document/201206/05/20120605063118768875.PNG)
这里介绍一个jQuery实现搜索关键字自动匹配提示方法。jQuery AutoComplete 是一个基于jQuery实现搜索关键词自动匹配提示的插件,该插件可扩展性强,表现性能优越,方便整合到自己的项目中使用;兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。
演示效果:http://www.devbridge.com/projects/autocomplete/jquery/#demo
下面是具体的使用方法:
初始化 AutoComplete 对象,确保正确加载 DOM 对象,否则IE下的用户可能会出现错误。
根据文本表单中的输入信息,进行关键字提示匹配。
jQuery AutoComplete 插件支持 on/off功能,从而控制效果的开关。
插件下载: www.devbridge.com/projects/autocomplete/jquery/#download
这里还有一种基于MooTools框架的关键字自动匹配提示方法:
MooTools: www.ajaxdaddy.com/mootools-autocomplete.html
在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。例如Google的搜索框效果如下:
这里介绍一个jQuery实现搜索关键字自动匹配提示方法。jQuery AutoComplete 是一个基于jQuery实现搜索关键词自动匹配提示的插件,该插件可扩展性强,表现性能优越,方便整合到自己的项目中使用;兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。
演示效果:http://www.devbridge.com/projects/autocomplete/jquery/#demo
下面是具体的使用方法:
1,使用设置
首页,要把插件的js代码嵌入到你自己的项目中去。2,使用方法
为要实现自动匹配提示的 input 表单添加 AutoComplete 功能。3,设置表现样式
最后,用div和css美化表现效果。jQuery AutoComplete 插件官方链接
插件介绍: www.devbridge.com/projects/autocomplete/jquery/插件下载: www.devbridge.com/projects/autocomplete/jquery/#download
这里还有一种基于MooTools框架的关键字自动匹配提示方法:
MooTools: www.ajaxdaddy.com/mootools-autocomplete.html
相关文章推荐
- jQuery的搜索关键词自动匹配插件
- Jquery插件仿百度搜索关键字自动匹配功能
- Jquery插件仿百度搜索关键字自动匹配功能
- jquery最新插件Autocomplete搜索自动提示功能
- jquery 实现类似于百度自动匹配搜索
- 邮箱自动下拉匹配列表jQuery插件mailAutoComplete实例页面
- jQuery Autocomplete插件实现文本框内容自动匹配补全
- jquery最新插件Autocomplete搜索自动提示功能
- jQuery autoComplete插件-实现自动匹配
- 基于jQuery实现搜索关键字自动匹配功能
- JQuery UI autocomplete自动补全插件搜索结果去除提示
- jQuery插件实现可输入和自动匹配的下拉框
- jQuery插件,自动提示,文本框自动匹配
- 智能搜索jquery-autocomplete 自动填充插件使用方法及参数使用说明
- JQuery+ajax实现类似百度搜索自动匹配功能
- 使用jQuery Autocomplete(自动完成)插件,结合ajax实现搜索框匹配
- JQuery+ajax实现类似百度搜索自动匹配功能
- jQuery插件(表单验证/表单返值/灯箱/图片放大/cookie/自动匹配/右键菜单/选中变色/相加相减)
- jquery插件 邮箱后缀自动匹配 可自定义
- jQuery UI Autocomplete自动匹配搜索