基本信息
源码名称:js 仿百度搜索 关键词智能提示 示例源码
源码大小:1.93KB
文件格式:.rar
开发语言:js
更新时间:2018-03-13
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 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; } }