asp+ajax仿google搜索提醒效果代码

发布时间：2023-05-12 12:38:34 所属栏目：Asp教程来源：

导读：对于更完整的代码可以参考，这个是支持数据库的版本。经过错新站长站编辑测试。Asp+Ajax仿google搜索提示效果数据库版需要修改的地方有代码如下:javascript.jsvar url="ajax.asp"; //后台地址var time_delayajax=30

对于更完整的代码可以参考，这个是支持数据库的版本。经过错新站长站编辑测试。

Asp+Ajax仿google搜索提示效果数据库版

需要修改的地方有

代码如下:

javascript.js

var url="ajax.asp"; //后台地址

var time_delayajax=300; //搜索延迟

var time_delayupdown=100; //方向键延迟

obj_div.style.top = (xtop + 20) + "px"; //20差不多是输入框的高度,请根据实际情况调整

ajax_xmlhttp.send("sift_value="+escape(temp_value)); //提交到后台的值

dd=d+"<li onmouseover=/"overli("+i+");/" onmousedown=/"downli("+i+")/" onmouseup=/"upli("+i+",event)/" onmousemove=/"moveli();/"><span>约"+c[1]+"结果</span>"+c[0]+"</li>";//****li的显示

后台输出结果格式必需为'文本1,文本2'.....

'java,2''javascript,11''java示例,22'等

default.css

复制代码代码如下:

.ajaxsearch {

width:300px; //提示层的宽度

}

首页index.html

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Google suggest高仿示例</title>

</head>

</div>

</body>

</html>

脚本javascript.js

代码如下:

///////////////////////////////搜索提示框/////////////////////////////////

var obj_div; //提示层对象

var obj_input; //输入框对象

var main_delay; //判断值变化延迟对象

var ajax_delay; //ajax延迟搜索对象

var updown_delay; //方向键延迟对象

var ajax_xmlhttp; //ajax对象

var div_word=null; //当前提示层对应的搜索值

var li_num=-1; //伪光标位置,提示层被选中的li序号,从0开始

var li_down=-1; //鼠标按下提示层的序号

var value_ed=""; //输入框延迟前的值

var value_ing=""; //输入框当前的值

var value_unexit=""; //搜索过没有结果的值开头

var updown_run=false; //允许方向键上下

var ajax_run=false; //true为正常进程,false停止ajax

var ajax_run_ing=false; //true正在运行,false空闲

var input_focus=false; //文本框焦点

var url="ajax.asp"; //后台地址**********************************************************

var time_delayajax=300; //搜索延迟**********************************************************

var time_delayupdown=100; //方向键延迟********************************************************

var $=function(Fun_id){

return document.getElementById(Fun_id);

}

（编辑：银川站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!