资讯搜索页加个Google api

jjjjxx · 发表于 2010-4-3 10:31:07

可以调用站内信息或网络,图片,博客,专利等,增加用户体验,我用了2个一个图片一个自定义搜索

004892387750337463079:umammj0dcr8为自定义搜索
jjjjxx.com为要搜索的图片域名

都可以改自己的,更多定义参考http://code.google.com/intl/zh-CN/apis/ajaxsearch/documentation/

<head>之间加下面代码</head>

<style type="text/css">
body {
background-color: white;
color: black;
}
.gsc-control-cse {
font-family: ;
border-color: #336699;
background-color: #FFFFFF;
}
input.gsc-input {
font-size:0px;height:0px;
}
input.gsc-search-button {
height:-10px;width:0px;
background-color: #ffffff;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #CC0000;
background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
border-top-color: #FF9900;
border-left-color: #E9E9E9;
border-right-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #0000CC;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gs-promotion.gs-result {
border-color: #336699;
background-color: #FFFFFF;
}
#searchcontrol .gsc-control { width : 320px; }
</style>
<script src="http://www.google.com/jsapi?key=ABQIAAAAGXihskKPDLKhnt5T6MhXsBSe-LXwZMmgsRgPfqFm3Hrz16cwyhQYP0fCFUvLNlTNaPomV52jCIhWsg" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
google.load('search', '1');
function OnLoad() {
// Dynamically load CSS to override defaults
var css = document.createElement('link');
css.href = '';
css.type = 'text/css';
css.rel = 'stylesheet';
document.getElementsByTagName('head')[0].appendChild(css);
// Create a search control
var searchControl = new google.search.SearchControl();
// site restricted web search using a custom search engine
siteSearch = new google.search.WebSearch();
siteSearch.setUserDefinedLabel("相关信息");
siteSearch.setSiteRestriction("004892387750337463079:umammj0dcr8");
searchControl.addSearcher(siteSearch);
var searcher = new google.search.ImageSearch();
searcher.setUserDefinedLabel("相关图片");
searcher.setSiteRestriction("jjjjxx.com");
searchControl.addSearcher(searcher);
// tell the searcher to draw itself and tell it where to attach
searchControl.draw(document.getElementById("searchcontrol"));
// execute an inital search
searchControl.execute("$searchkey");
}
function DummyClipSearchResult(result) {}
google.setOnLoadCallback(OnLoad, true);
//]]>
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />

复制代码

显示结果的位置

<div id="searchcontrol"/>加载中......</div>

复制代码

		自动登录	找回密码
密码			立即注册

[分享] 资讯搜索页加个Google api