jquery 搜索框提示功能(完整版).docxVIP

%@ page language=java pageEncoding=utf-8 contentType=text/html; charset=utf-8%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titlejquery/titlestyle type=text/css.searchTableTr { background-color : gray;}.divSearchInput{display: none;position: absolute;border-width: 1px;overflow:hidden; background:none repeat scroll 0 0 #FFFFFF; border:#c5dadb 1px solid;}/style /head body div id=divSearchPage div id=divWidthAuto style=border:#c5dadb 1px solid;border-width: 1px;height:30px;float: left; input type=text name=search id=search style=border: 0px;height:30px;font-size: 16px;line-height: 30px;color: #000000; /div nbsp;input type=button value=搜索 style=height:30;width:100 input type=hidden name=searchIndex id=searchIndex value=0 input type=hidden name=maxIndex id=maxIndex value=0 div id=searhInput class=divSearchInput table id=searhTable tbody /tbody /table /div /div script src=jquery.js/script script //鼠标停留改变搜索显示的背景颜色 function changeColor(v,i) { if ($(#searchIndex).val() != ) { var index = $(#searchIndex).val(); if (index == 10) { index = 1; } $(#searhTable tr).each(function(i,v) { if (i == (index-1)) { $(this).removeClass(); } }) } $(v).addClass(searchTableTr); $(v).css(cursor,default); $(#searchIndex).val(i+1); } //鼠标离开移除搜索显示的背景颜色 function moverColor(v) { $(v).removeClass(); $(v).css(cursor,); $(#searchIndex).val(0); } //点击搜索显示信息 function searchValue(v) { $(#search).val($(v).text()); $(#searhInput).hide(); } $(function(){$(#divWidthAuto).width(533);$(#search).width(530);$(#searhInput).width(533);$(#searhTable).width(533);var disp = true; //点击空白处隐藏 $(document).click(function(){ //点击搜索处显示 $(#divSearchPage).click(function(){ disp = false; if ($(#searhInput).css(display) == block) { $(#searhInput).show(); } }); if (disp) { $(#searhInput).hide(); } disp = true; }); //右键点击搜索处显示 $(#divSearchPage).bind(contextmenu,function(e){ $(#searhInput).show(); }); //输入框键盘触发事件 $(