今天意外在某网站上看到，期待以久的百度搜索提示功能终于面向大众开放了，既谷歌2007年1月23日就应用了该项功能后，百度也在2008年底正式推出了搜索提示功能，时隔一年多，其搜索提示功能现正式向网友开放，对于我们来说，真是一件值得开心的事情。

从“易搜网”上截得演示图

百度开放接口提供了以下三种方式：

简单方式：

HTML代码：
<form action="http://www.baidu.com/baidu" target="_blank"> <table bgcolor="#FFFFFF"><tr><td> <input name=tn type=hidden value=baidu> <a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a> <input type=text name=word size=30 baiduSug=1> <input type="submit" value="百度搜索"> </td></tr></table> </form>

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

将此段Javascript代码添加在</body>后面，如果网页采用的是utf-8编码，还要在需要在HTML代码中加入<input name="ie" type="hidden" value="utf-8" />，以防止出现乱码。

加标签方式：

此方式只需要在你需要提示的搜索框中加入”baiduSug“标签即可。如：

HTML代码：
<input type="esou" name="search" baiduSug="1|2">

当设置baiduSug=1时，即当用户选择提示文字时自动执行表单提交。 

当设置baiduSug=2时，即当用户选择提示文字时不执行表单提交。 

将下面这段Javascript代码放置在网页的</body>后面即可。

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

自定义方式：

请将下面的Javascript代码放置在</body>后面。

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

将下面的代码放置其后：

<script type="text/javascript">
function show(str){
} 
var params = {
"XOffset":0, //提示框位置横向偏移量,单位px
"YOffset":0, //提示框位置纵向偏移量,单位px
"width":434, //提示框宽度，单位px
"fontColor":"green", //提示框文字颜色
"fontColorHI":"#FFF", //提示框高亮选择时文字颜色
"fontSize":"14px", //文字大小
"fontFamily":"宋体", //文字字体
"borderColor":"gray", //提示框的边框颜色
"bgcolorHI":"#03c", //提示框高亮选择的颜色
"sugSubmit":true //在选择提示词时是否提交表单
};
BaiduSuggestion.bind("sstextid",params,show);
</script>

里面的show()函数将会取得用户选择的内容。其他设置可以详见说明。最后通过一个BaiduSuggestion.bind()函数绑定，第一个参数为需要搜索提示的搜索框ID,第二个则是上面设置的样式信息，第二个是取得用户选择的内容需要执行的操作。

如此，便可以实现搜索提示功能，方便强大，大家可前往”易搜网“(www.esou.info)体验此功能。

本文版权归“独语斜栏” 转载请注明：http://www.nannannan.com/post/33.html