PHP

 

代码解释 ：

鉴于代码中我已经加了很多注释，在这里我就不再说的很详细了。

 ‘

一般情况下，需要接收这个 QueryString' 然后在其最后使用通配符产生一个查询

语句。

这意味着在这种情况下，每次敲进去一个字符都需要产生一个查询语句，如果一直

都这样做的话，恐怕 MYSQL 会受不了。但是为了尽量的简化这个过程，这种做法对一个
规模较小的应用应该没什么问题。

这段 php

‘

代码你需要在自己的系统中稍作修改，比如你需要更新 $query'到你自己

的数据库，需要看在哪里放你数据库表的列名等等。

CSS

 

样式 ：

我使用的是 CSS3，天哪，它真的很好用，虽然在 Firefox 或者 Safari 浏览器上会

有功能限制。

 

复制代码 代码如下:
<style type="text/css">
.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}
.suggestionList {
    margin: 0px;
    padding: 0px;
}
.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
.suggestionList li:hover {
    background-color: #659CD8;
}
</style>

CSS 代码都很标准，没什么需要特别指出的。
主文件 HTML ：
这是主文件的部分 html

 ‘

代码，你需要添加的就是一个输入框，并且把 onkeyup' 

函数设置为 lookup(this.value)。另外，我建议你不要修改它的 ID，如果你不想修改上