JS 搜所提示框

JavaScript016

JS 搜所提示框,第1张

<!doctype html><html><head><meta charset="UTF-8"><title>百度搜索提示框</title><style>* { margin: 0padding: 0outline: none}.search101 { width: 650pxmargin: 300px autofont-size: 0}.sou1 { width: 514pxheight: 40pxcolor: #666font: 16px Microsoft YaHeiborder: 1px solid rgba(170,170,170,.9)border-right: 0border-radius: 2px 0 0 2pxbackground: rgba(255,255,255,.9)padding: 0 30px 0 3pxvertical-align: topdisplay: inline-blocktransition: .2s}.sou2 { width: 100pxheight: 42pxfont: 16px Microsoft YaHeicolor: rgba(255,255,255,.9)background: rgba(0,170,240,1)border: 0border-left: 1px solid rgba(0,170,240,1)border-radius: 0 2px 2px 0margin: 0 0 0 -1pxvertical-align: toptransition: .3sdisplay: inline-blockcursor: pointer}.sou2:hover { background: rgba(0,140,220,.9)}.sou1:focus { color: #333border: 1px solid rgba(0,170,240,1)border-right: none}</style></head><body><div class="search101"><form action="http://www.baidu.com/baidu" class="search-form" method="" id="search-form"> <input id="ipt1" name="tn" type="hidden" value="baidu" > <input type="text" id="sou1" class="sou1" name="word" maxlength="8048" value="" placeholder="" baiduSug=1 onmouseover="focus()"> <input type="submit" class="sou2" value="百度一下" ></form></div><!-- 百度搜索提示 --><script charset="gbk" src="http://r.yuzhua.com/"></script><!-- we124.com/libs/js/opensug.js(无logo) --><script>document.getElementById("sou1").focus()var txtObj = document.getElementById("alertSpan")//回调函数，用于获取用户当前选择的文字 function show(str){ txtObj.innerHTML = str} var params = { "XOffset": 0, //提示框位置横向偏移量,单位px "YOffset": 0, //提示框位置纵向偏移量,单位px "width": 204, //提示框宽度，单位px "fontColor": "#666", //提示框文字颜色 "fontColorHI": "#222", //提示框高亮选择时文字颜色 "fontSize": "16px", //文字大小 "fontFamily": "微软雅黑", //文字字体 "borderColor": "#d8d8d8", //提示框的边框颜色 "bgcolorHI": "#e8e8e8", //提示框高亮选择的颜色 "sugSubmit": true, //在选择提示词条是是否提交表单 }BaiduSuggestion.bind("ipt1",params,show)</script></body></html>

我估计你是说的傲游起始页吧,有一个百度的搜索功能! 现在不知道是什么原因,建议你做以下功夫操作! 8... js 修改以下信息: // {type: "search", title: "Baidu Search", url: "http://www.baidu.com/baidu?tn...

在输入框输入时，要搜索某个字符串，基于性能考虑，肯定不能用户没输入一个字符就发送一次搜索请求，一种方法就是等待用户停止输入，比如过了500ms用户都没有再输入，那么就搜索此时的字符串，这就是防抖；节流比防抖宽松一些，比如我们希望给用户一些搜索提示，所以在用户输入过程中，没过500ms就查询一次相关字符串，这就是节流。

防抖的实现思路：每次触发事件时都取消之前的延时调用方法：

节流的实现思路：每次触发事件时都判断当前是否有等待执行的延时函数：