Jquery 模仿Baidu、Google收索时提示输入结果
来源:互联网 发布:java自动化测试工具 编辑:程序博客网 时间:2024/05/29 15:10
好程序就是懒人喜欢的程序。好程序员就是懒人程序员。昨天研究了一下Jquery 模仿Baidu、Google收索时自动补充收索结果的提示,感觉效果还行。特意和大家分享一下。所需Jquery插件。请看代码:
<script type="text/javascript">
$().ready( function () {
$(":text").result(auto);
function auto(data){
$("#keyWord").val(data.name);
}
$("#keyWord").autocomplete(obj, {//obj是数据对象数组Json
minChars: 0, //表示在自动完成激活之前填入的最小字符
max: 5, //表示列表里的条目数
autoFill: true, //表示自动填充
mustMatch: false, //表示必须匹配条目,文本框里输入的内容,必须是data参数里的数据,如果不匹配,文本框就被清空
matchContains: true, //表示包含匹配,相当于模糊匹配
scrollHeight: 200, //表示列表显示高度,默认高度为180
formatItem: function (row) {
return row.name;
},
formatMatch: function (row) {
return row.name;
},
formatResult: function (row) {
return row.value;
}
});
});
</script>
jsp:
<div>
<h4> 模仿BaiDu,google搜索提示功能</h4>
<table>
<tr><td>名称:<input type="text" id="keyWord" /></td></tr>
</table>
</div>
注:此demo并非原创。意在传播。方便大家。demo:http://download.csdn.net/detail/cs19920/6771343
- Jquery 模仿Baidu、Google收索时提示输入结果
- Ajax AutoComplete for jQuery(类似google,baidu的提示功能)
- 智能提示 模仿google
- Google 和 baidu 搜索结果二次加工
- baidu和google搜索结果分析
- jquery+MVC 实现類似baidu,google搜索 提示下拉框
- 用jQuery + Ajax实现Google输入提示功能
- 用jQuery + Ajax实现Google输入提示功能
- jquery+ajaxpro实现google输入提示效果(含拼音匹配)
- 用 jQuery + Ajax 实现 Google 的输入提示功能
- jQuery实例:输入框下拉提示,仿google suggest
- 仿 google baidu 自动提示框
- 搜索功能提示(类似google和baidu)
- iphone 模仿百度输入框提示
- jquery模仿google自动补全
- 记录一个JQUERY模仿序列号输入
- jQuery输入提示功能
- jQuery手机号码输入提示
- ArrayListTest编译问题:使用了未经检查或不安全的操作;请使用 -Xlint:unchecked 重新编译
- WinSock网络编程经络----读书笔记(2)
- Linux学习之——登录方式总结
- Android开发中的一些java知识点
- Linux 之 /etc/profile、~/.bash_profile 等几个文件的执行过程
- Jquery 模仿Baidu、Google收索时提示输入结果
- ubuntu 12.04连接不上网
- cocos2d-x鼠标拖动地图
- 触摸屏校正
- JavaScript入门教程
- asp.net ajax分页
- 新版“生产信息采集系统”开发历程
- 在android系统调试中使用tinyalsa命令
- 手机数据恢复软件怎么选择