新yodao搜索输入框

来源：互联网发布：斯林百兰知乎编辑：程序博客网时间：2024/05/29 19:19

<table cellspacing="0" cellpadding="0" border="0" align="center" style="width:750px; height:65px;border-top:1px solid #CBCBCB; border-left:1px solid #CBCBCB;border-right:1px solid #CBCBCB;border-bottom:1px solid #CBCBCB;">
<tr>
<td valign="top" width="0"><a href="http://www.yodao.com/why" target="_blank"><img border="0" width="39px" height="41px" src="http://images.163.com/yodao/pack56068/yodaoarea_lefttrianglearea.gif"/></a></td>
<td style="width:711px;height:61px;" valign=top >
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="padding-bottom:1px">
<tr>
<td width=583px style="background:transparent url(http://images.163.com/yodao/pack56068/yodaoarea_topblueback.gif) repeat-x;">
<div style="margin-top:13px;overflow: hidden;padding-left:58px">
<span style="padding-right:15px" id="yodaoWeb" class="cTabSelected" onclick="changeProduct(this);return false;">网页</span>
<span style="padding-right:15px" class="cTab" id="yodaoImage" onclick="changeProduct(this);return false;">图片</span>
<span style="padding-right:15px" class="cTab" id="yodaoNews" onclick="changeProduct(this);return false;">新闻</span>
<span style="padding-right:15px" class="cTab" id="yodaoBlog" onclick="changeProduct(this);return false;">博客</span>
<span style="padding-right:15px" class="cTab" id="yodaoDict" onclick="changeProduct(this);return false;">海量词典</span>
<span style="padding-right:15px" class="yodaoTab"><A HREF="http://www.yodao.com/about/productlist.html" target="_self">更多»</A></span>
</div>
</td>
<td width=128px align=right style="background:url(http://images.163.com/yodao/pack56068/ystoprightbackground.gif) repeat-x;padding-bottom:3px"><a href="http://www.yodao.com/why" target="_blank">网易全新搜索引擎</A> </td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<form id="yodaoForm" name="sb" action="http://www.yodao.com/search" method="get" autocomplete="off" target="_self">
<tr valign="top">
<td width=105px style="height:10px; padding-top:5px"><A HREF="http://www.yodao.com/"><IMG SRC="http://images.163.com/yodao/pack56068/yodaoarea_yodaologo.gif" WIDTH="96" HEIGHT="17" BORDER="0" ALT=""></A>
</td>
<td style="height:10px" width=425px>
<input id="query" name="q" style="border:1px solid #7E9DB9; width:400px; font-size:14px;height:21px;BACKGROUND: url(http://images.163.com/images/logo/sbox-bg.gif) #fff no-repeat;line-height:140%;padding-left:4px;padding-top:3px">
</td>
<td style="height:10px" width=181px align=left>
<input id="yodaoBtn" value="网页搜索" type="submit" style="height:27px; width:110px;border:0px;background:transparent url(http://images.163.com/yodao/pack56068/yodaoarea_buttonback.gif); font-weight:bold">
</td>
</tr>
<input type="hidden" name="ue" value="gbk"/>
<input type="hidden" name="keyfrom" value="163index"/>
</form>
</table>
</td>
</tr>
<tr>
<td style="height:4px; background:transparent url(http://images.163.com/yodao/pack56068/yodaoarea_bottomgrayback.gif) repeat-x;" colspan="2"></td></tr>
</table>

<script language="javascript">
var YodaoCurrentTab = document.getElementById("yodaoWeb");
function changeProduct(o){

       var BtnName = "网页搜索";
var SoBtn = document.getElementById("yodaoBtn");
var SoForm = document.getElementById("yodaoForm");
        if(o == YodaoCurrentTab){
                return false;
        }else {
                o.className = "cTabSelected";
                YodaoCurrentTab.className = "cTab";
                switch(o.id){
                        case "yodaoWeb":
                                BtnName = "网页搜索";
                                act = "http://www.yodao.com/search";
                                sserver = "http://www.yodao.com";
                                break;
                        case "yodaoImage":
                                BtnName = "图片搜索";
                                act = "http://image.yodao.com/search";
                                sserver = "http://image.yodao.com";
                                break;
                        case "yodaoNews":
                                BtnName = "新闻搜索";
                                act = "http://news.yodao.com/search";
                                sserver = "http://news.yodao.com";
                                break;
                        case "yodaoBlog":
                                BtnName = "博客搜索";
                                act = "http://blog.yodao.com/search";
                                sserver = "http://blog.yodao.com";
                                break;
                        case "yodaoDict":
                                BtnName = "词典搜索";
                                act = "http://dict.yodao.com/search";
                                sserver = "http://dict.yodao.com";
                                break;

                }
  if(typeof(aa) != "undefined") {
                aa.setSearchServer(act);
                aa.setSuggestServer(sserver);
  }
                SoForm.action = act;
                SoBtn.value = BtnName;
                YodaoCurrentTab = o;
                document.getElementById("query").focus();
                return false;
        }
}
</script>