js/jquery 写类似百度搜索“自动补全”信息
2017-09-19 15:23
281 查看
非常好用的 " bigautocomplete " 插件;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta charset="utf-8"> <style type="text/css" src="js/jquery.bigautocomplete.css"></style> <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script> <script src="js/jquery.bigautocomplete.js" type="text/javascript"></script> <style type="text/css"> </style> <script type="text/javascript"> $(function(){ $("#test").bigAutocomplete({ width:300, data:[{title:"中国好声音",result:{ff:"qq"}}, {title:"中国移动网上营业厅"}, {title:"中国银行"}, {title:"中国移动"}, {title:"中国好声音第三期"}, {title:"中国好声音 第一期"}, {title:"中国电信网上营业厅"}, {title:"中国工商银行"}, {title:"中国好声音第二期"}, {title:"中国地图"}], callback:function(data){ // alert(data.title); } }); }) </script> </head> <body> <div> <input id="test" type="text" value="" class="text"/> </div> </body> </html>
引用的文件百度找一找
相关文章推荐
- jquery.bigautocomplete.js首次获取焦点触发搜索(类似百度首次的搜索历史)
- js/jQuery实现类似百度搜索功能
- jquery实现的类似百度搜索的输入框自动完成功能
- jquery.autocomplete.js 文本框自动填充 类似百度搜索引擎效果
- AJAX实现类似百度的搜索提示,自动补全和键盘、鼠标操作
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- js/jQuery实现类似百度搜索功能
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- AJAX实现类似百度的搜索提示,自动补全和键盘、鼠标操作
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- JQuery+ajax实现类似百度搜索自动匹配功能
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- JQuery+ajax实现类似百度搜索自动匹配功能
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- 类似百度搜索的输入框自动完成功能
- jquery实现仿百度自动补全功能
- jquery.ui.autocomplete.js搜索自动完成功能
- bootstrap实现的类似百度搜索的输入框自动完成功能(动态获取数据库的值)
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- JQuery UI autocomplete自动补全插件搜索结果去除提示