网站调用百度搜索框自动提示代码

时间：2022-06-25 20:37:34 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<!DOCTYPE html>
<html><head>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title></title>
<style>
p{font-size:13px;line-height:2}
</style>
</head>
<body>

<p>
您的输入框：<input id="ipt1" type="text" style="padding:1px;border:1px solid gray">

当前选择文字：<span id="alertSpan" style="font-weight:bold"></span>
</p>
</body>

<script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>

<script type="text/javascript">
 	var txtObj = document.getElementById("alertSpan");

//回调函数，用于获取用户当前选择的文字
 	function show(str){
		txtObj.innerHTML = str;
	}

var params = {
	"XOffset":0, //提示框位置横向偏移量,单位px
	"YOffset":0, //提示框位置纵向偏移量,单位px
	"width":204, //提示框宽度，单位px
	"fontColor":"#f70", //提示框文字颜色
	"fontColorHI":"#FFF",	//提示框高亮选择时文字颜色
	"fontSize":"12px",		//文字大小
	"fontFamily":"宋体",	//文字字体
	"borderColor":"gray", 	//提示框的边框颜色
	"bgcolorHI":"#03c",		//提示框高亮选择的颜色
	"sugSubmit":false		//在选择提示词条是是否提交表单
	};

BaiduSuggestion.bind("ipt1",params,show);
	
</script>
</html>
</td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

网站调用百度搜索框自动提示代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程