仿google搜索提示

最新推荐文章于 2024-09-14 17:34:00 发布

iteye_17684

最新推荐文章于 2024-09-14 17:34:00 发布

阅读量97

点赞数

分类专栏： JavaScript 文章标签： Google DWR json jQuery Ajax ViewUI

本文链接：https://blog.csdn.net/iteye_17684/article/details/81815885

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

我是专做后台的，平时也弄一下 javascript 和 CSS ，之前在公司用 DWR 和 JS 做了一个类似 google 的搜索提示。现在把 DWR 去掉，用静态的 JSON 数据代替，为的就是脱离后台，可以静态看到效果。现在只整理了一部分，还不支持键盘事件。如果有时间我会把剩下的功能也整理出来。

如果写得不好，大家请指教。

在 IE6 FireFox Chrome 下都可以

先看下 html 代码：


<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title>Auto Complete</title>
	<script type="text/javascript" src="autoComplete.js"></script>
	<link rel="stylesheet" type="text/css" href="autoComplete.css"></link>
</head>

<body>
	<div>请输入a,b或其它字符看效果。</div>
	<div>
		<input name="summary" id="summary" class="text medium" onkeyup="Auto.autoGet(this.value);" onblur="Assist.autoClose();" autocomplete="off" /><input type="button" value="搜索">
	</div>
	<div>
		<ul id="autoUl"></ul>
	</div>
</body>
</html>