基本信息
源码名称:js 仿百度搜索 关键词智能提示 示例源码
源码大小:1.93KB
文件格式:.rar
开发语言:js
更新时间:2018-03-13
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):78630559
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
function $(id) {
return document.getElementById(id);
}
var ipt = $("ipt");
var ser = $("ser_box");
var bot = $("bot_box");
var oul = $("oul");
ipt.oninput = function() {
var ss = ipt.value;
var url = "http://suggestion.baidu.com/su?cb=queryList&wd=" ss;
addScript(url);
}
ipt.onfocus = function() {
var ss = ipt.value;
var url = "http://suggestion.baidu.com/su?cb=queryList&wd=" ss;
addScript(url);
}
function queryList(data) {
ss=document.getElementsByTagName("script")[0];
document.body.removeChild(ss)
var arr = data.s;
oul.innerHTML = "";
if(arr.length == 0) {
bot.style.display = "none";
} else {
bot.style.display = "block";
}
for(var i = 0; i < arr.length; i ) {
li = document.createElement("li");
li.innerHTML = arr[i];
li.onclick = function() {
oul.innerHTML = "";
ipt.value = this.innerHTML;
bot.style.display = "none";
}
oul.appendChild(li);
}
}
function addScript(url) {
var s = document.createElement("script");
s.src = url;
s.type = "text/javascript";
document.body.appendChild(s);
}
/*取li*/
lis = document.getElementsByTagName("li");
/*按键*/
var i = 0;
document.onkeydown = function(ev) {
if(bot.style.display == "block") {
if(ev.keyCode == 40) {
for(var j = 0; j < lis.length; j ) {
if(lis[j].className == "sel") {
lis[j].className = "";
}
}
if(i < lis.length) {
lis[i].className = "sel";
i ;
if(i == lis.length) {
i = 0;
}
}
}
if(ev.keyCode == 38) {
m = 0
for(; m < lis.length; m ) {
if(lis[m].className == "sel") {
lis[m].className = "";
break;
}
}
i = m;
if(m > 0) {
lis[m - 1].className = "sel";
} else {
lis[lis.length - 1].className = "sel";
}
}
if(ev.keyCode == 13) {
for(var n = 0; n < lis.length; n ) {
if(lis[n].className == "sel") {
ipt.value = lis[n].innerHTML;
}
}
bot.style.display = "none";
}
} else {
i = 0;
m = 0;
}
}