Jquery实现自动提示精篇课件.pptVIP

Jquery实现自动提示 我在这里先给大家说一下这个设计思路，自动提示肯定是异步提交，在用户输入每个字符都的进行匹配，如果词库中的词条包含用户输入的字就应该显示该词条。在这里提到词库，要想实现自动提示那必须的有词源，也就是根据用户输入的内容到这个词库中查找，这个要效率高，要不等到用户已经搜索结束了才返回结果就毫无意义了，所以前几天写的dwr不是很好，jquery效率应该更高，在这里会有很好的效果，下面我给大家把代码贴出来，好让大家来参考(把所有代码直接拷入就可以运行，我已经测试) 页面代码： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titlegoogle.html/title meta http-equiv=keywords content=keyword1,keyword2,keyword3 meta http-equiv=description content=this is my page meta http-equiv=content-type content=text/html; charset=UTF-8 script type=text/javascript src=js/jquery-1.3.2.js/script script type=text/javascript var line = 0; function del(){ if($(#newDiv)){ $(#newDiv).remove(); line = 0; } } $(document).ready(function(){ //文本框失去焦点时层消失 $(document.body).click(function(){ del(); }); $(document).keydown(function(){ // 38 上 40下 13 回车 if($(#newDiv)){ if(event.keyCode == 40){ $(table tbody tr).eq(line) .css(backgroundColor, blue) .css(color, white); $(table tbody tr).eq(line 0 ? 0 : line - 1) .css(backgroundColor, white) .css(color, black); line = (line == $(table tbody tr).length ? 0 : line + 1); }else if(event.keyCode == 38){ line = (line == 0 ? $(table tbody tr).length : line - 1); $(table tbody tr).eq(line) .css(backgroundColor, blue) .css(color, white); $(table tbody tr).eq(line $(table tbody tr).length ? 0 : line + 1) .css(backgroundColor, white) .css(colo