在火狐中正常但是在IE中这样如果有更好更容易的实现方法,也请告诉我吧,谢了!!!!
代码在这var titop=0;
$("#keyword").keyup(function(){
//每次添加提示关键字的div之前,清除之前的关键字div
$(".tishi").remove();
var content = $("#keyword").val();
if($.trim(content) != "")
{
//如果关键字输入框内容不为空,则将值传递给servlet处理,并返回json对象
$.post("KeyWordsAjax",{'keyword':content},
function(keywords,status){
if(keywords != null)
{

for(var i = 0 ; i < keywords.length; i++)
{
//获得json数组中的每个keywords对象,然后取得他们的id,keywords,clicktimes
var kds = keywords[i];
var id = kds.id;
var keyword = kds.keyword;
var clicktime = kds.clicktimes;
//将关键词提示div添加到网页中,如果是第一个,放到button后面,如果不是第一个则放到它的前一个层的后面
if(!$(".tishi").css("height"))
{
$("#searchbutton").after("<div class='tishi'>"+keyword+"</div>");
}
else{
$(".tishi:last").after("<div class='tishi'>"+keyword+"</div>");
}
//设置关键字提示div的css样式
var contenttop = $("#keyword").offset().top;
var tishiheight = parseInt(($(".tishi").css("height").split("p"))[0]);
$(".tishi").css("position","absolute");
$(".tishi").css("left",$("#keyword").offset().left);
$(".tishi:eq("+i+")").css("top",contenttop+(1+i)*tishiheight);
$(".tishi").css("background","white");
$(".tishi").css("width","155px");
$(".tishi").css("zIndex","2");
$(".tishi").css("textAlign","left");
$(".tishi").css("cursor","pointer");
//当鼠标放到提示div上时,背景变为粉色
$(".tishi").mouseover(function(){
$(this).css("background","pink");

});
//鼠标离开div时,背景变回白色
$(".tishi").mouseout(function(){
$(this).css("background","white");
});
//点击div时,通过location转到servlet
$(".tishi").click(function(){
$("#keyword").val($(this).html());
location.href="ShowNewsBySearch?keywords="+encodeURIComponent($("#keyword").val());
});

}

}

}
);
}

});