采用结合Jquery制作仿google的搜索提示

//--------------------------------------
//JS搜索自动提示
//1.支持数据按开头第一个字母分类搜索，减少循环次数，提高速度
//2.支持防重复搜索
//3.支持保存搜索结果，再次搜索时会从上次开始，减少从头搜索以提高速度
//4.在IE6中防止SELECT跳到搜索提示上面
//
//浪子(Arvin) 2008-10-06 QQ:8769852
//--------------------------------------

QQ截图未命名.PNG

调用方法：

1.放在HEAD 中间

<script type="text/javascript">
<!--
$(document).ready(function(){
  js_title_createlist('tagtitle','tag_array');
});
//tagtitle 是需要提示的INPUT的ID名称
//tag_array 提示数据的数组名称，就是tag.js中的数组名
//-->
</script>

2.在BODY中加入：
<input type="text" id="tagtitle"  name="tagtitle" size="40"/>

二步到位，以后你要修改提示的内容只需要去修改tag.js文件即可

tag.js 文件介绍：


tag_array['default'] = [
["17","34","28"],
["化工","化工原料","原料产品"]
];


tag_array['a'] = [
["25","34","345335"],
["abs","alert","ablist"]
];
tag_array['b'] = [
["25","34","345335"],
["bbs","blert","bblist"]
];

//tag_array['default'] 用来保存中文的提示
//tag_array['a']....tag_array['z'] 用来保存英文的提示，按第一个字母分类


下面是个打包的例子：

js_title(Arvin).rar
(2008-11-06 18:59:03, Size: 26.6 KB, Downloads: 99)