jQuery+Ajax 实现类似百度的搜索自动提示功能,具体看下面的代码:
页面:
seach/>
css
UL {
padding: 0px; LIST-STYLE-TYPE: none;
MARGIN: 0px;
LIST-STYLE-IMAGE: none;
height: 52px;
}
LI {
PADDING-BOTTOM: 0px;
LIST-STYLE-TYPE: none;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
LIST-STYLE-IMAGE: none;
PADDING-TOP: 0px
}
.h_14 {
BACKGROUND-IMAGE: url(text_search.jpg);
TEXT-ALIGN: left;
PADDING-BOTTOM: 1px;
LINE-HEIGHT: 26px;
MARGIN-TOP: 3px;
PADDING-LEFT: 4px;
WIDTH: 245px;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: center 50%;
FLOAT: left;
HEIGHT: 26px;
MARGIN-LEFT: 3px;
VERTICAL-ALIGN: middle;
OVERFLOW: hidden;
MARGIN-RIGHT: 3px;
PADDING-TOP: 2px
}
.h_15 {
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 20px;
PADDING-LEFT: 0px;
WIDTH: 240px;
PADDING-RIGHT: 0px;
DISPLAY: block;
FLOAT: left;
HEIGHT: 20px;
MARGIN-LEFT: 0px;
FONT-SIZE: 14px;
VERTICAL-ALIGN: middle;
BORDER-TOP: 0px;
BORDER-RIGHT: 0px;
PADDING-TOP: 4px
}
.h_16 {
WIDTH