好程式就是懶人喜歡的程式。好程式設計師就是懶人程式設計師。昨天研究了一下Jquery 模仿Baidu、Google搜尋時自動補充搜尋結果的提示,感覺效果還行。特意跟大家分享一下。所需Jquery插件。請看程式碼: 複製程式碼 程式碼如下: <BR>$().ready( function () { <br><br>$(":text").result(auto); <br><br>function auto(data){ <BR>$ ("#keyWord").val(data.name); <BR>} <br><br>$("#keyWord").autocomplete(obj, {//obj是資料物件陣列Json <BR>minChars: 0, //表示在自動完成啟動之前填入的最小字元<BR>max: 5, //表示清單裡的條目數<BR>autoFill: true, //表示自動填入<BR>mustMatch: false, / /表示必須符合條目,文字方塊裡輸入的內容,必須是data參數裡的資料,如果不符合,文字方塊就被清空<BR>matchContains: true, //表示包含符合,相當於模糊符合<BR> scrollHeight: 200, //表示清單顯示高度,預設高度為180 <br><br>formatItem: function (row) { <BR>return row.name; <BR>}, <BR>formatMatch: function (row) { <BR>return row.name; <BR>}, <BR>formatResult: function (row) { <BR>return row.value; <BR>} <BR>}); <BR>}); <BR>} <BR>}); }); } }); }); } }); }); } }); }); } }); }); } >。 > 模仿BaiDu,google搜尋提示功能 名稱: