打开你的网站首页模板，在之前加入
|
|
jquery-1.7.1.min.js这个jquery库需要你自己下载，这里就不多说了。本人用的是这个版本的。
这段代码中的search_list.php就是本文下载的文件，下载后放入/plus目录下。
打开head.htm，找到搜索部分的from表单代码修改为
|
|
这部分可以根据你自己的代码的实际情况具体修改，主要是输入关键字的input和下边加的DIV层。
打开你自己的样式表css文件，在最后加入
.suggestionsBox {
position: relative;
left: 0px;
width: 250px;
background: white;
border: 1px solid #dcdcdc;
color: #323232;
z-index: 999;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
position: relative;
padding: 3px;
cursor: pointer;
list-style: none;
padding-left: 5px;
height: 20px;
overflow: hidden
}
.suggestionList li:hover {
background-color: #659CD8;
}
.jr {
position: absolute;
top: 9px;
right: -5px
}
|
到这添加的代码就完了，然后下载search_list.rar,下载后解压得search_list.php到放入/plus目录下。在这个文件里有详细注解。可根据实际情况调整。所有结果都是由这个文件来返回的。最后去前台试试您的效果把。
