⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 head-search.html

📁 仿google.cn的javascript效果
💻 HTML
字号:
🔍 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html XMLNS:IE>
<head>
<IE:homePage ID="oHomePage" />  
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<link id="Skin" rel="stylesheet" type="text/css" media="screen" href="images/index2.css" />
</head>

<body>

<div id="head">
  <script language="javascript" type="text/javascript">
function setTab(area,id) {
	var tabArea=document.getElementById(area);
	var contentArea=document.getElementById(area+'_contents');
	
	var contents=contentArea.childNodes;
	for(i=0; i<contents.length; i++) {
		if(contents[i].className=='tabcontent'){contents[i].style.display='none';}
	}
	document.getElementById(id).style.display='';

	var tabs=document.getElementById(area+'_btn').getElementsByTagName('li');
	for(i=0; i<tabs.length; i++) { tabs[i].className='btn1'; }
	document.getElementById(id+'_tab').className='btn2';
	document.getElementById(id+'_tab').blur();
}
</script>
<div id="search" onLoad="resetCity()">
<div id="search_btn">
<li id="search1_tab" class="btn1"  onClick="javascript:setTab('search','search1')">谷歌</li>
<li id="search2_tab" class="btn2"   onClick="javascript:setTab('search','search2')">百度</li>
<li id="search3_tab" class="btn1"  onClick="javascript:setTab('search','search3')">雅虎</li>
<li id="search4_tab" class="btn1"  onClick="javascript:setTab('search','search4')">音乐</li>
<li id="search5_tab"  class="btn1"  onClick="javascript:setTab('search','search5')">图片</li>
<li id="search6_tab" class="btn1"  onClick="javascript:setTab('search','search6')">地图</li>
<li class="btn1" onClick="window.open('more_search.html');">更多&gt;&gt;</li>
</div>
<div id="search_contents">
    <div id="search1" class="tabcontent" style="display:none">
<form id="searchform" action="http://www.google.cn/custom" method="get" target="_blank">
<!--个别搜索所需-->
<input type="hidden" name="client" value="pub-7100890577751553">
<input type="hidden" name="ie" value="GB2312">
<input type="hidden" name="oe" value="utf8">
<!--个别搜索所需-->
<input size="40" id="query" name="q"> </td>
<input type="submit" value="谷歌搜索" id="search_submit"/></td>
</form>
    </div>
    <div id="search2" class="tabcontent">
<form id="searchform" action="http://www.baidu.com/s" method="get" target="_blank">
<!--个别搜索所需-->
<input type="hidden" name="tn" value="1ndex2_pg">
<input type="hidden" name="cl" value="3">
<input type="hidden" name="rn" value="10">
<input type="hidden" name="ct" value="0">
<input type="hidden" name="lm" value="0">
<!--个别搜索所需-->
<input size="40" id="query" name="wd" onMouseOver=this.focus() onFocus=this.select()> </td>
<input type="submit" value="百度搜索" id="search_submit"/></td>
</form>
    </div>
    <div id="search3" class="tabcontent" style="display:none">
<form id="searchform" action="http://search.cn.yahoo.com/search" method="get" target="_blank">
<!--个别搜索所需-->
<input type="hidden" name="ei" value="gbk">
<!--个别搜索所需-->
<input size="40" id="query" name="p"> </td>
<input type="submit" value="雅虎搜索" id="search_submit"/></td>
</form>
    </div>
    <div id="search4" class="tabcontent" style="display:none">
<form id="searchform" action="http://mp3.baidu.com/m" method="get" target="_blank">
<!--个别搜索所需-->
<input type="hidden" name="tn" value="baidu">
<input type="hidden" name="f" value="ms">
<input type="hidden" name="rn" value="10">
<input type="hidden" name="ct" value="134217728">
<input type="hidden" name="lm" value="-1">
<!--个别搜索所需-->
<input size="40" id="query" name="word"> </td>
<input type="submit" value="音乐搜索" id="search_submit"/></td>
</form>
    </div>
    <div id="search5" class="tabcontent" style="display:none">
<form id="searchform" action="http://image.baidu.com/i" method="get" target="_blank">
<!--个别搜索所需-->
<input type="hidden" name="tn" value="baidu">
<input type="hidden" name="f" value="ms">
<input type="hidden" name="cl" value="2">
<input type="hidden" name="ct" value="201326592">
<input type="hidden" name="lm" value="-1">
<input type="hidden" name="z" value="0">
<!--个别搜索所需-->
<input size="40" id="query" name="word"> </td>
<input type="submit" value="图片搜索" id="search_submit"/></td>
</form>
    </div>
    <div id="search6" class="tabcontent" style="display:none">
<script language="JavaScript" type="text/JavaScript">
	<!--
		function MM_preloadImages() { //v3.0
	  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
		var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
		if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
	}
	
	function MM_findObj(n, d) { //v4.01
	  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	  if(!x && d.getElementById) x=d.getElementById(n); return x;
	}
	
	function MM_swapImgRestore() { //v3.0
	  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
	}
	
	function MM_swapImage() { //v3.0
	  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
	}
	
		function cityOption(ciryValue){

		}
		function resetCity() {
			
			if(document.getElementById(''))
			{
				document.searchform.City.value = "";
			}
		}
		function cleanInput(obj) {
			
			if(obj.value=='请输入关键字:如建筑物,道路,公交路线,餐厅,景点…')
			{
				obj.value = '';
			}
		}
		function addStr() {
			
			if(document.getElementById('typestr'))
			{
				var tempStr = document.getElementById('typestr').value;
				if(tempStr=='0')
				{
					document.searchform.query.value = document.searchform.queryTemp.value;
				}else
				{
					document.searchform.query.value = document.searchform.queryTemp.value + ' ' + tempStr;
				}
			}
		}
	-->
</script>
<script type="text/javascript" src="http://service.mapbar.com/sharefile/js/cityOptionfunction.js"></script>
<FORM name="searchform" action="http://search.mapbar.com/result.jsp" method="get" target="_blank" onSubmit="addStr()">
    <input name="query" id="query" type="text" class="input_b" size="20" value="请输入关键字:如建筑物,道路,公交路线,餐厅,景点…" onFocus="this.select()" onClick="javascript:cleanInput(this);" style="width:314px">
    <select onChange=cityOption(this.value); name=City class="style7" >
    <script type="text/javascript">document.write(initCityOption("","","&nbsp;├","&nbsp;└"));</script>
    </select>
    <input type="submit" value="地图搜索" class="input_b">
<input type="hidden" name="uid" value="">
</form>
    </div>	
</div>
</div>
</div>
<div style="display: none"><script language="javascript" type="text/javascript" src="http://js.users.51.la/1200808.js"></script>
</div>
<!--页面头部结束-->

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -