专注前端,专注网页设计分享 - (网页制作/模板制作/设计)755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | Tag标签 | 联系站长

百度关键词下拉提示代码,网站搜索用户体验绝佳功能

发布时间: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

需要的朋友可以试试。分享到此结束

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!

相关网页特效