教程集 > 脚本编程 > javascript > 正文 js模仿google搜索下拉列表

js模仿google搜索下拉列表

发布时间：2023-07-11 编辑：jiaochengji.com

教程集为您提供js模仿google搜索下拉列表等资源，欢迎您收藏本站，我们将为您提供最新的js模仿google搜索下拉列表资源

提示：您可以先修改部分代码再运行

<input name="ctl00$ContentPlaceHolder2$CX_NEWS_Name" type="text" maxlength="50" id="ctl00_ContentPlaceHolder2_CX_NEWS_Name" />  <script language="javascript" type="text/javascript" > //TextBox主要的数组函数　在页面上使用// function test() { init();  //开始定义东东数组 dearray("女性不容易得淋病吗？,非淋菌性尿道炎和淋病有何不同？,男性无合并症淋病临床症状怎么样？,淋病诊疗中的几个问题,淋病的病理变化的过程,淋病的实验室诊断,孕妇染淋病祸及胎儿,实用的几种预防性病的方法,如何自查男性慢性淋病,什么是淋病？,淋病的病因,淋病患者如何护理?,淋病的中医诊断有哪些?,淋病的中医诊断有哪些?,淋病的病因,什么是淋病？,男性淋病的临床表现,恋爱：令男人最心动的三种傻女孩(组),慢性附睾炎治疗,急性附睾炎治疗,附睾炎中医治法,附睾炎预防,慢性附睾炎,急性附睾炎临床表现,附睾丸炎病理,急性附睾炎的病因,什么是推荐问题？,什么是最佳答案？,回答者入门,提问者入门,保护前列腺要注意什么问题?,前列腺增生多见于老年人吗？,前列腺炎如何区分和治疗,我国男性健康的总趋势是什么样的?,河南医学会议第四次男科学术会议将在郑州召开,心理专家：男人心思有谁知？,专家谈男性病的防治,“2008灾害创伤与急救新进展”学术交流会,慢性肾病,未婚男子别担心阳痿,什么是男性性功能障碍？,“富贵病”与ED,阳痿的基础知识,中年男性为何易受阳痿困扰？,请不要因为阳萎而苦恼,阳痿与年龄无关,阳痿的原因鉴别及因素,阳萎主要的病因与病理,功能性阳痿原因有哪些,阳痿早泄是怎样一回事,偷情容易引起阳痿,阳痿的基础研究有哪些新进展,男人阳痿10％由性伴侣引起的,吸烟是阳萎最主要原因之一,外遇性阳痿能治好吗？,阳痿可能是更年期惹祸,慢性疲劳可能致阳痿,前列腺癌的临床表现及手术指征有哪些？,阳刚的我为何婚姻不幸,器质性阳痿的病因是什么？,什么叫阳痿？阳痿分几种类型？,前列腺癌吃番茄科蔬菜,前列腺癌是男性头号杀手,消炎剂预防前列腺癌,阳痿治疗的暗示疗法,阳痿治疗的暗示疗法是什么,哪些阳痿患者不适用于假体植入术,药物熏灸疗法治疗阳痿效果如何,常用治疗阳痿的单验方有哪些,阳痿病人的酒疗方法有哪些,中医对阳痿是如何辨证施治的,阳痿病人如何进行心理治疗,什么是阳痿治疗的生物反馈疗法,真空负压工具治疗阳痿,阳痿治疗首先是查病因,中医怎样辨证治疗阳痿,手术是否也能治阳萎病,阳痿病的五大治疗方法,阳痿性治疗原则是什么,阳痿血管术有哪些利弊,阳痿的性治疗原则,如何服用“伟哥”（万艾可,认识“伟哥”（药品名为万艾可）,器质性阳痿怎样治疗？,阳痿的科学治疗的分析,勃起功能障碍的基因治疗,阳萎的内分泌治疗常用药物,用精神疗法治疗阳痿,阳痿患者如何选择血管外科手术治疗,假体植入术适用于哪些阳痿患者,阳痿的中药外治疗法有哪些,阳痿病人的药物穴位注射疗法有哪些,阳痿病人的点穴疗法有哪些,常用于治疗阳痿的中成药有哪些,阳痿的心理疏导治疗是什么,治疗阳痿怎样进行松弛训练,心理性阳痿及其治疗法,根治阳萎病的治疗方法,阳痿外科技术有何利弊,西医如何治疗阳痿,针灸治疗阳痿研究进展,器质性阳痿的特点是什么？怎样确诊器质性阳痿,静脉性阳痿能手术吗？,什么是负压吸引被动勃起法,“伟哥”（万艾可）的副作用有哪些？,“伟哥”治疗阳痿的功效及注意事项,哪些患者不宜服用“伟哥”？,功能性（心理性）阳痿怎样治疗？,游离前列腺特异性抗原,前列腺肥大食治疗方法,前列腺增生者防尿中毒,前列腺人增生症的防治,前列腺增生患者的保健,前列腺肥大忌用哪些药,坐的时候久伤害前列腺,节欲能减少前列腺病吗,前列腺增生症患者饮食上的注意,怎样延缓前列腺增生？,治疗前列腺增生常见药物,前列腺切除手术后须知,前列腺肥大的药物治疗,前列腺增生不开刀能治好吗,南瓜子可治前列腺肥大,前列腺增生的治疗方法,中药可抑制前列腺增生,内分泌与肾上腺药物治疗,血精的中医辨证施治,什么是性交失语症，如何治疗？,逆行射精及其治疗,阳痿与进补,逆行射精的治疗方法有那些？,男性生殖器官有哪些先天畸形？,为何不提倡体外排精节育,包皮底下有白白的东西,头包皮炎的防治问题,包皮过长的种种后患,什么叫遗精？遗精可怕吗？,遗精的体育疗养,治遗精病的特效法,纠正频繁遗精六法,男孩成熟的标志,遗精常见症状及治疗,男孩子注意遗精卫生,运动疗法解决遗精的烦恼,引起遗精的病因,频繁梦遗的治疗法,遗精的心理调护,遗精时多时少是一种病吗？,遗精会影响身体健康吗,遗精不要紧张,认识青春期男性遗精现象,病理性遗精及其原因,遗精会伤元气吗？,未婚青年遗精别紧张,遗精后能喝凉水吗？,遗精的体育疗法,遗精心肾不交的证治是哪些,肾虚为什么会遗精,遗精与膏淋有何不同,生理性遗精与病理性遗精有何不同,遗精多少与疾病的关系,遗精与精浊有何异同,什么叫性早熟性遗精,什么是梦遗,生理性遗精与病理性遗精,早泄是怎样形成的,不可误解的概念,与新婚夫妇谈早泄,早泄者的苦恼,情绪与早泄,引起早泄的原因有哪些,早泄宜早治,早泄与阳痿的关系如何,别把正常早泄当成不正常,酒能治疗早泄吗？,早泄的病因,早泄的原因有哪些？,偶然早泄非异常,不要轻率地戴上“早泄”的帽子,早泄与射精过快,早泄并不意味着拒绝,早泄－历史的遗憾,何为早泄？引起与因素,自慰有可能会导致早泄,这算不算是早泄的现象,什么是新婚早泄,早泄与手淫,早泄与阳痿的关系,阳痿以及早泄的防与治,阳痿、早泄的预防,缓早泄和延长射精时间,早泄越怕越躲不开它,遗精早泄的饮食禁忌,男性早泄的食疗,有效的早泄食疗法十则,男方性生活早泄需用点心理疗法,早泄患者保健法,调整呼吸延长时间,克服早泄的“两手准备”,非药物性治疗早泄,关于早泄的行为训练法,阳痿人能服“春药”吗,男性性激素缺乏对阳痿的影响有哪些,阳痿非肾虚补药当警惕,阳痿病人不能概用温补,坦然应对偶发性勃起困难,阳痿患者为何越补越虚,如何自我判断勃起能力,如何尽量避免“蜜月阳痿”,硬结症可引起阳痿吗,惊吓之下会导致阳痿？,手淫会不会阳痿,损伤与阳痿,哪些药物会引起阳痿？,性病会不会引起阳痿？,自慰,年岁大了就一定阳痿吗,疾病和手术可引起阳痿,阳痿就是不育吗,别把阳痿当阳虚,什么是外遇性阳痿？,勃起功能障碍会不会遗传？,阳痿、早泄是不是一回事？,阳痿病人的粥疗方法有哪些,按摩可治阳痿介绍如下,有利于性事的腰臂锻炼,丈夫阳痿妻子怎么办？,加强性教育是防治阳痿的有效措施,锻炼可以预防阳痿病吗,怎样对待老年阳痿？,糖尿病性阳痿患者切忌滥服药,一时阳痿怎样性交,自我判断阳痿的误区,男子性功能障碍的女方因素及其防治措施,男性保健品勿当“伟哥”用,伟哥已造成很多死亡和心血管病,怎样预防阳痿的发生？,阳痿患者色情刺激试验的临床意义是什么,阳痿的诊断标准,什么是阳痿色情刺激试验,前列腺癌的转移途径？,何为心理性阳痿？阳痿的检查方法有哪些？,阳痿研究的现状与进展,容易引起阳痿的药物有哪些,功能性阳痿主要原因,正确认识阳痿,忍而不射是下下之策,控制射精入门七要诀,男人射精无力怎么办？,精液的基本常识,精液为何有气味？,男性健康之非常6攻略,男人整容也很火,小伙整个美人尖,成熟男性需注意眼部美容,男性整形悄然成风,男人，请拒绝秀气整形,“男色时代”男人也“姿整”,男性的蜜月进补调理方案,男性调节性功能的饮食原则,提示父亲们请注意饮食,让你更男人的神秘元素,纯棉内裤男士别常穿,想当爸爸需避免的习惯,转变观念呵护男性健康,男人引以为戒的经验,男子自我壮阳法,洗澡后立即过性生活好不好,男人别让“强壮”遮住眼,是谁“谋杀”了男性的精子,男人经常坐浴好处多多,优生丈夫应注意什么？,男人也会出现“例假”,生殖器疾病不都是性病,结扎以后男人的性生活,哪些外科手术影响生育,精液过少能是什么原因,精液到底会不会枯竭？,提高精子质量的十种方法,性健康，男人其实很脆弱,10大误区困扰中国男人,男科疾病难言的伤痛,用“伟哥”有五大误区,男人性交也会过敏,角色错位可引发ED,男性保健颇有禁忌,男性脱发六成早于25岁,男孩必修五招术,现代人健康的四大忧患,男人异乎寻常性爱习惯,醉酒三月后才能正常生育,男人什么时候不想,男性健康秘诀,男性病：大患在于“心”,男人的腰理性之下欲望之上,男人你的宝贝常洗吗?,青年男士都应“保”什么,男青年不可随意吃牛鞭,男性饮食对孩子健康很重要,睡前不能吃的五类食物");  smanPromptList(arrList,"ctl00_ContentPlaceHolder2_CX_NEWS_Name"); } window.onload=function(){test()}; //TextBox主要的数组函数　在页面上使用// var intIndex=0;arrList = new Array(); function dearray(aa)//定义array { arrList = aa.split(','); intIndex = arrList.length; } function init() { if (arrList.constructor!=Array){alert('smanPromptList初始化失败:第一个参数非数组!');return ;} arrList.sort( function(a, b) {  if(a.length>b.length)return 1; else if(a.length==b.length)return a.localeCompare(b); else return -1;  } ); } function smanPromptList(arrList,objInputId){  var objouter=document.getElementById('__smanDisp') //显示的DIV对象 var objInput = document.getElementById(objInputId); //文本框对象 var selectedIndex=-1;  var intTmp; //循环用的:) if (objInput==null) {alert('smanPromptList初始化失败:没有找到"' objInputId '"文本框');return ;}  //文本框失去焦点  objInput.onblur=function(){ objouter.style.display='none'; } //文本框按键抬起 objInput.onkeyup=checkKeyCode; //文本框得到焦点 objInput.onfocus=checkAndShow; function checkKeyCode(evt){ evt = evt || window.event; var ie = (document.all)? true:false if (ie){  var keyCode=evt.keyCode if (keyCode==40||keyCode==38){ //下上 var isUp=false if(keyCode==40) isUp=true ; chageSelection(isUp)  }else if (keyCode==13){//回车 outSelection(selectedIndex); }else{ checkAndShow(evt)  } }else{ checkAndShow(evt);  }  divPosition(evt); }  function checkAndShow(evt){ var strInput = objInput.value if (strInput!=''){ divPosition(evt); selectedIndex=-1; objouter.innerHTML =''; for (intTmp=0;intTmp<arrList.length;intTmp ){  if (arrList[intTmp].substr(0, strInput.length).toUpperCase()==strInput.toUpperCase()){ addOption(arrList[intTmp]); }  } objouter.style.display=''; }else{ objouter.style.display='none'; }  function addOption(value){ objouter.innerHTML ="<div onmouseover=\"this.className='sman_selectedStyle'\" onmouseout=\"this.className=''\" onmousedown=\"document.getElementById('" objInputId "').value='" value "'\">" value "</div>"  } } function chageSelection(isUp){ if (objouter.style.display=='none'){ objouter.style.display=''; }else{  if (isUp) selectedIndex else selectedIndex-- } var maxIndex = objouter.children.length-1;  if (selectedIndex<0){selectedIndex=0} if (selectedIndex>maxIndex) {selectedIndex=maxIndex} for (intTmp=0;intTmp<=maxIndex;intTmp ){ if (intTmp==selectedIndex){ objouter.children[intTmp].className="sman_selectedStyle"; }else{ objouter.children[intTmp].className=''; } } } function outSelection(Index){ objInput.value = objouter.children[Index].innerText; objouter.style.display='none'; } function divPosition(evt){ var left = 0; var top  = 0; var e = objInput; while (e.offsetParent){ left = e.offsetLeft (e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth)).NaN0():0); top  = e.offsetTop  (e.currentStyle?(parseInt(e.currentStyle.borderTopWidth)).NaN0():0); e = e.offsetParent; } left = e.offsetLeft (e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth)).NaN0():0); top  = e.offsetTop  (e.currentStyle?(parseInt(e.currentStyle.borderTopWidth)).NaN0():0); objouter.style.top    = (top  objInput.clientHeight) 'px' ; objouter.style.left    = left 'px' ; objouter.style.width= objInput.clientWidth; } }     eval(document.write("<div id='__smanDisp'  style='position:absolute;display:none;FILTER: alpha(opacity=85)progid:DXImageTransform.Microsoft.Shadow(Color=#999999,Direction=120,strength=4);BORDER-RIGHT: #999999 1px solid;BORDER-TOP: #eeeeee 1px solid;BORDER-LEFT: #eeeeee 1px solid;BORDER-BOTTOM: #999999 1px solid;background-color:#ffffff;font-size:12px;font-family: Georgia, Times New Roman, Times, serif;' onbulr> </div>")); eval(document.write("<style>.sman_selectedStyle{ background-color:#ffffff;font-family: Georgia, Times New Roman, Times, serif;background-color:#FF99CC;color:#FFFFFF; font-size:12px;}</style>")); function getAbsoluteHeight(ob){ return ob.offsetHeight } function getAbsoluteWidth(ob){ return ob.offsetWidth } function getAbsoluteLeft(ob){ var mendingLeft = ob .offsetLeft; while( ob != null && ob.offsetParent != null && ob.offsetParent.tagName != 'BODY' ){ mendingLeft = ob .offsetParent.offsetLeft;  mendingOb = ob.offsetParent; }  return mendingLeft ; } function getAbsoluteTop(ob){  var mendingTop = ob.offsetTop; while( ob != null && ob.offsetParent != null && ob.offsetParent.tagName != 'BODY' ){ mendingTop = ob .offsetParent.offsetTop; ob = ob .offsetParent; } return mendingTop ; } Number.prototype.NaN0 = function() { return isNaN(this)?0:this; } window.onload=function(){test()};//初始化自定义下拉列表函数 </script>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
 Google的几个特别搜索功能
 Google清洗中文搜索引擎垃圾二级域名锐减
 Google专注于搜索将成致命弱点
 Google双重列表(Double-Listing)探析
 Vue.jS的ul-li标签仿select标签
 php mysql ajax仿百度谷歌搜索下拉自动提示框效果
 Google搜索从入门到精通v4.0(4)
Google搜索从入门到精通 v4.0(2)
Google创始人佩奇：搜索技术将会改变世界

上一篇：js文字滚动翻页的效果下一篇：[原创]右上角翻页关闭代码演示下载

[关闭]

js模仿google搜索下拉列表

最近更新

浏览排行