jQuery Jsonp跨域模拟搜索引擎

效果还不错就差加上键盘控制了.

代码如下：

！DOCTYPE html html head meta charset=' utf-8 '/title迷糊网罗/title style type=' text/CSS ' * { margin : 0；padd : 0；}表单{ position: absolute左侧： 50%;前：名40%；}表单输入： th-child(1){ width : 450 px；高： 34px向左浮动：font-size : 16px文本-缩进： 0.5 em大纲：无；盒子尺寸：边框盒子；}表单输入： th-child(1):焦点{边框： 1px固体蓝紫色；}表单输入： th-child(2){ height : 34px；向左浮动：背景：蓝紫色；光标：指针；宽度： 80px字母间距2px border : 0；font-size : 14px线高： 34px} # oul { position : absolute eleft : 0；top: 34px背景：白色；宽度： 530像素；盒影： 3px 3px 5px # F3F 3；border: 1px实心# F3F 3；盒子尺寸：边框盒子；显示器：无；} # oul Li :悬停{后台： # F3F 3；光标：指针；}/style/head body form action=' method=' name=' ss ' input type=' name=' ss ' id=' txt ' value=' '/input type=' button ' name=' ss ' id=' BTN ' value='迷糊网罗/ul id=' oul '/ul/form脚本类型=' text/JavaScript '/https://sp 0。百度。com/5a 1 fa zu 8 aa 54 nxg ko9 wtan F6 hy/su？wd=cb=_=1497256697565 //位置调整习惯就好.var FM=文档。getelementsbytagname(' form ')[0]；var x=FM . offsetidthvar y=FM . offsethethightfm。风格。左边距=-x/2 ' px '；调频。风格。margin ToP=-y/2 ' px '；//获取操作元素var txt=文档。getelementbyid(' txt ')；var oul=文档。getelementbyid(' oul ')；//动态创建射流研究…脚本txt。onkeyup=function(ev){ var值=this。价值；var newscript=文档。创建元素(“脚本”)；'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su？wd=' value ' CB=walk _=' math。random()；新闻脚本。type=' text/JavaScript '；文件。尸体。append child(newscript)；} //设置回调函数函数walkJson){ if(txt。value==0){ oul。风格。显示='无'；} else { oul。风格。display=' blockoul.innerHTML=if(walkjson。s . length=10){ for(var I=0；我走路。s长度；I){ var oli=document。创建元素(“李”)；奥利。风格。高度=25 ' px奥利。风格。宽度=100 " % "；奥利。风格。行高=25 ' px奥利。风格。textindent=9 ' px奥利。风格。列表样式=“无”；奥利。innerhtml=walkjson。s[I]；乌尔。阑尾切除术；} } else { for(var I=0；i 10I){ var oli=document。创建元素(“李”)；奥利。风格。高度=25 ' px奥利。风格。宽度=100 " % "；奥利。风格。行高=25 ' px奥利。风格。textindent=9 ' px奥利。风格。列表样式=“无”；奥利。innerhtml=walkjson。s[I]；乌尔。阑尾切除术；} } } }/脚本/正文/html以上所述是小编给大家介绍的jQuery Jsonp跨域模拟搜索引擎的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！