2021-12-30
聚合搜索模板

<!doctype html>
<meta charset="utf-8">
<title>主页</title>
<html><head>
<link rel="icon" type="image/x-icon" href="png/favicon.ico">
<link rel="icon" type="image/x-icon" href="pic/nico.png">
<base target="_blank"> <!-- 这段代码放到<head>里边，实现所有超链接使用新标签页打开 */-->

 <style type="text/css">
   *{ margin:0; padding:0;}
   div{ text-align:center;}
   #QUYU{ border:0px dashed ; width:800px; height:900px; }
   #QUYU #TOUBU{width:770px; height:120px; border:0px dashed ; margin:15px;  }
   #QUYU #TOUBU #LOGO{ width:160px; height:120px; border:0px dashed ; }
   #QUYU #KONGBAI{ width:784px; height:25px; border:0px dashed ; }
   #QUYU #CHANGYONGWANGZHAN{ width:160px; height:300px; border:0px dashed ; }
   #QUYU #GERENWANGZHAN{ width:160px; height:300px; border:0px dashed ; }    
   #QUYU #DIBU{ width:770px; height:120px; border:0px dashed ; margin:0px;  }
 body {
background-image: url(pic/bg2.jpg);
background-repeat: no-repeat;
background-size:cover;         
}
 </style>
</head>     


<div class="search clearfix">
<meta charset="utf-8">
<style type="text/css">

#search{
width: auto;
height: auto;

}
#search input{
width: 19.7%;
height: auto;
border: 2px solid #f10215;
background-color: #fff; opacity: 0.8;  /* 搜索框半透明效果 */
outline-style: none;/* 消除原来的边框默认属性 */

padding-left: 4px;/* 让文字在搜索的时候距离框4px */
color: #888;
}
#search button{
width: auto;
height: auto;
background-color: #f10215;opacity: 0.8; 

color: white;opacity: 0.8; 
}
</style>
<script type="text/javascript">
var keyword = "念念不忘，必有回响";//搜索框中默认的搜索词
window.onload = function(){
//得到按钮的对象
var btnsearch = document.getElementById("search").getElementsByTagName("button")[0];
//得到搜索框的对象
var txt = document.getElementById("search").getElementsByTagName("input")[0];
//为搜索框注册焦点事件
txt.onfocus = function(){
//当在焦点上时让搜索框文字变成黑色
txt.style.color = "black";
//如果搜索框为关键字的时候,注册焦点就让搜索框为空
if (txt.value == keyword) {
txt.value = "";
 }
}
//为搜索框注册失去焦点事件
txt.onblur = function(){
//在失去焦点的时候如果搜索框内容为空,就让搜索框显示默认关键字
  if (txt.value == "") {
  this.value = keyword;
  this.style.color = "#888";
}
}
}
  
</script>
</head>
<body>
<div id="search">
<input  value="念念不忘，必有回响" name="q" id="bdcsMain" />

<button class="button0" type="text" onclick="window.open('https://baidu.com/s?ie=utf-8&wd='+document.getElementById('bdcsMain').value)">百度搜索</button> 
<button class="button1" type="text" onclick="window.open('https://baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word='+document.getElementById('bdcsMain').value)">百度资讯</button>
<button class="button2" type="text" onclick="window.open('https://tianyancha.com/search?key='+document.getElementById('bdcsMain').value)">天眼查</button>
<button class="button3" type="text" onclick="window.open('https://search.bilibili.com/all?keyword='+document.getElementById('bdcsMain').value)">哔哩哔哩</button>
<button class="button4" type="text" onclick="window.open('https://zhihu.com/search?q='+document.getElementById('bdcsMain').value)">知乎</button>
<button class="button5" type="text" onclick="window.open('https://douban.com/search?q='+document.getElementById('bdcsMain').value)">豆瓣</button>
<button class="button6" type="text" onclick="window.open('https://search.jd.com/Search?keyword='+document.getElementById('bdcsMain').value)">京东</button>
<button class="button7" type="text" onclick="window.open('http://ai.taobao.com/search/index.htm?&amp;key='+document.getElementById('bdcsMain').value)">淘宝</button>
<button class="button8" type="text" onclick="window.open('http://cn.bing.com/search?q='+document.getElementById('bdcsMain').value)">必应</button>
<button class="button9" type="text" onclick="window.open('https://kuaidi100.com/?nu='+document.getElementById('bdcsMain').value)">国内快递</button>
<button class="button10" type="text" onclick="window.open('https://t.17track.net/zh-cn#nums='+document.getElementById('bdcsMain').value)">国际快递</button>
<button class="button11" type="text" onclick="window.open('https://github.com/search?q='+document.getElementById('bdcsMain').value)">Github</button>
<button class="button12" type="text" onclick="window.open('https://stackoverflow.com/search?q='+document.getElementById('bdcsMain').value)">Stack Overflow</button>
<button class="button13" type="text" onclick="window.open('https://s.weibo.com/weibo/'+document.getElementById('bdcsMain').value)">微博</button>
<button class="button14" type="text" onclick="window.open('http://weixin.sogou.com/weixin?type=2&query='+document.getElementById('bdcsMain').value)">微信文章</button>
<button class="button15" type="text" onclick="window.open('http://weixin.sogou.com/weixin?type=1&query='+document.getElementById('bdcsMain').value)">微信公众号</button>
<button class="button16" type="text" onclick="window.open('https://minapp.com/miniapp/search/?query='+document.getElementById('bdcsMain').value)">微信小程序</button>
<button class="button17" type="text" onclick="window.open('https://xueshu.baidu.com/s?wd='+document.getElementById('bdcsMain').value)">百度学术</button>
<button class="button18" type="text" onclick="window.open('https://music.163.com/#/search/m/?s='+document.getElementById('bdcsMain').value)">网易云音乐</button>  
<br />
<head><base target="_blank"></head>
  <a class="item" href="index.htm" tppabs=" http://baidu.com/"><i class="home icon"></i>首页</a>&nbsp;&nbsp;
  <a class="item" href="blog/index.php" tppabs=" http://baidu.com" title="个人Typecho博客"><i class="blog icon"></i> 博客 </a>&nbsp;&nbsp;
  <a class="item" href="pan/index.php" tppabs=" http://baidu.com"title="个人可道云网盘服务器"><i class="pan icon"></i>网盘</a> &nbsp;&nbsp;
  <a class="item" href="about/index.htm" tppabs=" http://baidu.com/about"title="关于我"><i class="about icon"></i>@我</a>&nbsp;&nbsp;
  <a href=" http://baidu.com"title="QYF">官网后台</a>&nbsp;&nbsp;
  <a href=" http://baidu.com"title="Typecho博客站点后台">小站后台</a>&nbsp;&nbsp;
  <a href="https://cdzonline.github.io/"title="Github博客">cdzonline.github.io</a>&nbsp;&nbsp;
  <a href="https://github.com/cdzonline"title="Github仓库">Github.com/cdzonline</a>&nbsp;&nbsp;
  <a href="http://127.0.0.1" title="Jellyfin本地电影服务器 http://127.0.0.1">本地电影</a>&nbsp;&nbsp;
  <a href="https://wanyouw.com/"title="网站资源应有尽有，我挺喜欢的">万有导航</a>&nbsp;&nbsp; 
<br />
  <a href="https://bbs.pcbeta.com"t>远影论坛</a>&nbsp;&nbsp;
  <a href="https://www.huya.com/">虎牙直播</a>&nbsp;&nbsp;
  <a href="https://dict.youdao.com">有道词典</a>&nbsp;&nbsp;
  <a href="http://192.168.1.1">路由器管理</a>&nbsp;&nbsp;
  <a href="http://www.dytt8.net/"title="电影资源下载网站">电影天堂</a>&nbsp;&nbsp;
  <a href="https://www.bttwo.com/"title="两个BT电影资源网">两个BT</a>&nbsp;&nbsp;
  <a href="http://qunyifeng.cn"title="东莞市群益丰电子科技有限公司企业官网">群益丰电子</a>&nbsp;&nbsp;
  <a href="http://qunyifeng.1688.com"title="东莞市群益丰电子科技有限公司电商平台">群益丰店铺</a>&nbsp;&nbsp;
<br />
<a href=" http://baidu.com" font-family:Apple Chancery  title="如果你觉得自己可以做到，你就能做到">If you think you can,youcan.</a>&nbsp;&nbsp;
<br />
 <a href="http://127.0.0.1">127.0.0.1</a>&nbsp;&nbsp;
</body>        
<div id="QUYU">
<div id="TOUBU">
    <div id="LOGO"><a href="index.htm"><img src="pic/cdz.png" width="153" height="118" alt=""/></a></div>
  <div id="KONGBAI"></div>
  <div id="CHANGYONGWANGZHAN"></div>
  <div id="GERENWANGZHAN"></div>
  <div id="DIBU"></div>
</div>
</div>
   <p id="hitokoto"><a href="#" id="hitokoto_text"></a>
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
</body>
</html>