百度关键词下拉提示代码,网站搜索用户体验绝佳功能
发布时间:2019-11-21 10:54:04 来源/作者:学技巧网页制作 分类:其他特效 阅读:0次 点评一下
(www.xuejiqiao.com)提示:可修改后再运行代码!

百度下拉提示代码,仿照百度,submit提交可以指定自己站内也可以百度搜索。代码如下:
<!-- 准备通过程序动态添加提示功能的input -->
<p>
您的输入框:<input id="ipt1" type="text" style="width:200px;padding:1px;border:1px solid gray">
当前选择文字:<input id="alertSpan" type="text" name="alertSpan" value="">
</p>
</body>
<!-- 百度搜索框提示 -->
<script charset="gbk" src="opensug.js"></script>
<!-- 程序示例 -->
<script type="text/javascript">
var txtObj = document.getElementById("alertSpan");
//回调函数,用于获取用户当前选择的文字
function show(str){
txtObj.value = str;
}
var params = {
"XOffset":0, //提示框位置横向偏移量,单位px
"YOffset":0, //提示框位置纵向偏移量,单位px
"width":204, //提示框宽度,单位px
"fontColor":"#333399", //提示框文字颜色
"fontColorHI":"#FFF", //提示框高亮选择时文字颜色
"fontSize":"12px", //文字大小
"fontFamily":"宋体", //文字字体
"borderColor":"gray", //提示框的边框颜色
"bgcolorHI":"#03c", //提示框高亮选择的颜色
"sugSubmit":false //在选择提示词条是是否提交表单
};
BaiduSuggestion.bind("ipt1",params,show);
</script>
|
点击opensug.js文件下载 提取码 dxhx
需要的朋友可以试试。分享到此结束
本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!
相关网页特效
发表评论:
网页特效
无法想象的JS效果
网页特效代码推荐
一定有你需要的




