百度搜尋下拉框提示代碼 opensug.js

標籤：opensug.js   百度搜尋   搜尋下拉   下拉框   

opensug·簡單方式——方便的將"百度搜尋方塊（帶提示功能）"直接加入到您的網頁中。將以下代碼加入到您的網頁中，即可獲得帶有"搜尋方塊提示"功能的百度搜尋方塊。
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="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script> 

提示： Javascript代碼請添加到網頁中</body>標籤的後面。
如使用utf-8編碼，則需要在HTML代碼中加入<input name=ie type=hidden value=utf-8>，同時務必在script標籤中設定charset=gbk屬性，否則搜尋關鍵詞和提示詞會出現亂碼。

·添加方式——快速的為頁面中已有的"百度搜尋方塊"或其他文本輸入框添加"百度搜尋方塊提示"功能。
第一步
為需要添加"百度搜尋方塊提示"功能的<input>標籤添加baiduSug屬性。例如：
<input type="text" name="word" baiduSug="1|0">
當設定baiduSug=1時，使用者選中sug詞條時預設執行表單提交動作；
當設定baiduSug=0時，使用者選中sug詞條時不執行表單提交動作。

第二步
在網頁中引入Javascript檔案：

<script charset="gbk" src="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script>

提示：
如果網頁中有多個輸入框需要添加"百度搜尋方塊提示"功能，請為每個輸入框都加上baiduSug屬性。
Javascript代碼請添加到網頁中</body>標籤的後面。
如使用utf-8編碼，請務必在script標籤中設定charset=gbk屬性，否則搜尋提示詞會出現亂碼。

=========================================================


自訂方式——提供"百度搜尋方塊提示"API，打造您的個人化搜尋方塊提示功能！第一步
在網頁中引入Javascript檔案：

<script charset="gbk" src="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script>

第二步
在Javascript程式中調用BaiduSuggestion.bind()方法將"百度搜尋方塊提示"功能和頁面上的元素進行綁定。
BaiduSuggestion.bind()的具體形式為：

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]);

inputObj|inputId: 為需要綁定搜尋方塊提示功能的input對象或input對象的id。
params: 綁定搜尋方塊提示功能時用到的參數，必須以Json形式給出,例如：

BaiduSuggestion.bind(’inputObj’,{"XOffset":0, //提示框位置橫向位移量,單位px"YOffset":0, //提示框位置縱向位移量,單位px"width":350, //提示框寬度，單位px"fontColor":"#03c", //提示框文字顏色"fontColorHI":"#FFF", //提示框高亮選擇時文字顏色"fontSize":"12px", //文字大小"fontFamily":"宋體", //文字字型"borderColor":"#03c", //提示框的邊框顏色"bgcolorHI":"#fd0", //提示框高亮選擇的顏色"sugSubmit":false //選中提示框中詞條時是否提交表單}[,confirmCallback]);

confirmCallback(txt): 當使用者選擇提示中具體選項時的回呼函數，txt為使用者選擇的內容。

提示：
Javascript代碼請添加到網頁中</body>標籤的後面。
如使用utf-8編碼，請務必在script標籤中設定charset=gbk屬性，否則搜尋提示詞會出現亂碼。
Javascript檔案的應在BaiduSuggestion.bind()方法被調用之前引入。

百度搜尋下拉框提示代碼 opensug.js