5款超级漂亮百度及尊和搜索框代码

5款超级漂亮百度及综合搜索框代码

先上图

带智能提示框的代码已经出了http://www.cnblogs.com/shuziren/archive/2009/06/07/1498103.html

提供代码：
1.

Code
<iframe id="baiduframe" marginwidth="0" marginheight="0" scrolling="no"
framespacing="0" vspace="0" hspace="0" frameborder="0" width="960" height="60" 
src="http://unstat.baidu.com/bdun.bsc?tn=jqshw_pg&cv=0&cid=1199693&csid=322&bgcr=ffffff&ftcr=000000&urlcr=0000ff&tbsz=360&sropls=1,2,4,5,6,9,15&defid=2&ch=2">
iframe>

2.

 

 

 

Code
Code
<form target="_blank" method="get" action="http://www.jqshw.com/so/search.asp"><table style="border: 1px solid #BBBBBB;background-color:#FFFFFF;width:600px;text-align:center" align="center" border="0" cellpadding="0" cellspacing="0"><tr><td nowrap style="padding-bottom:6px;padding-top:6px"><a target="_blank" href="index.asp"><img alt="超级搜索 - 酒泉生活网" src="http://www.jqshw.com/so/images/logo_9025.gif" align="absmiddle" border="0">a> <input style="width:350px;" name="search" type="text" value="请输入关键字" onmouseover="this.focus()" onblur="if (value ==''){value='请输入关键字'}" onfocus="this.select()" onclick="if(this.value=='请输入关键字')this.value=''"> <select style="width:77px" name="want"><option selected="selected" value="">全部网页option><option value="photo">图片搜索option><option value="music">音乐搜索option><option value="video">影视搜索option><option value="game">游戏搜索option><option value="know">知识搜索option><option value="site">站内搜索option>select> <input style="line-height:130%;height:22px;width:39px" value="搜索" type="submit">td>tr>table>form>

 

3.

 

Code
<form target="_blank" method="get" action="http://www.jqshw.com/so/search.asp"><table style="border: 1px solid #BBBBBB;background-color:#FFFFFF;width:600px;text-align:center" align="center" border="0" cellpadding="0" cellspacing="0"><tr><td nowrap style="padding:6px 6px 3px 6px"><a target="_blank" href="index.asp"><img alt="超级搜索 - 酒泉生活网" src="http://www.jqshw.com/so/images/logo_9025.gif" align="absmiddle" border="0">a> <input style="width:450px;" name="search" type="text" value="请输入关键字" onmouseover="this.focus()" onblur="if (value ==''){value='请输入关键字'}" onfocus="this.select()" onclick="if(this.value=='请输入关键字')this.value=''"> <input style="line-height:130%;height:22px;width:39px" value="搜索" type="submit">td>tr><tr><td style="font-size:12px;padding-left:100px;text-align:left"><input type="radio" name="want" value="" checked="checked" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >网页<input type="radio" name="want" value="photo" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >图片<input type="radio" name="want" value="music" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >音乐<input type="radio" name="want" value="video" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >影视<input type="radio" name="want" value="game" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >游戏<input type="radio" name="want" value="know" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >知识<input type="radio" name="want" value="site" onclick="this.form.action='http://www.jqshw.com/so/search.asp';this.form.submit()" >站内td>tr>table>form>

 

4.

 

 

Code
<form target="_blank" method="get" action="http://www.jqshw.com/so/search.asp"><table style="border: 1px solid #BBBBBB;background-color:#FFFFFF;width:600px;text-align:center" align="center" border="0" cellpadding="0" cellspacing="0"><tr><td nowrap style="padding:6px 6px 6px 6px"><input style="width:460px;background-image:url(http://www.jqshw.com/so/images/logo_1616.gif);background-repeat: no-repeat;padding-left:16px" name="search" type="text" value="请输入关键字" onmouseover="this.focus()" onblur="if (value ==''){value='请输入关键字'}" onfocus="this.select()" onclick="if(this.value=='请输入关键字')this.value=''"> <select style="width:77px" name="want"><option value="">全部网页option><option value="photo">图片搜索option><option value="music">音乐搜索option><option value="video">影视搜索option><option value="game">游戏搜索option><option value="know">知识搜索option><option value="site">站内搜索option>select> <input style="line-height:130%;height:22px;width:39px" value="搜索" type="submit">td>tr>table>form>

5.

 

Code
<style>
.search_table,.search_select,.search_ul,.search_li{font-size:12px;line-height:20px;}
.search_form{margin:0;padding:0;}
.search_mb5{margin-bottom:5px;border:1px solid #92C3F2;border-top:0px;background:#D3E8FD}
.search_fod1,.search_fod2{height:23px;width:63px;text-align:center;cursor:pointer;}
.search_fod1{background:url(http://www.jqshw.com/so/images/search_code_nav.gif) no-repeat;font-weight:bold;color:#fff}
.search_fod2{background:url(http://www.jqshw.com/so/images/search_code_nav_bg.gif) no-repeat;}
.search_bor3{border:1px solid #B2D0EA;}
.search_bort{border-top:1px solid #B2D0EA;}
.search_f14{font-size:14px;}
.search_blue a{color:#004BCA;}
.search_more{position:absolute;background:#fff;margin:-5px 0 0 0!important;margin:13px 0 0 -55px;z-index:10;}
.search_more a,.search_more a:visited{width:70px;display:block;text-decoration:none;color:#00007F;}
.search_more a:hover{background:#BBBBBB;color:#fff;}
.search_more ul{list-style-type:none;margin:0;padding:0;}
.search_more li{line-height:24px;list-style-type:none;margin:0;padding:0;text-align:left;}
style>
<SCRIPT>
var searchCurrHighLight = document.getElementById("search");

function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
function searchValidate(){
         wval = trim(frm_head.search.value);
         if(frm_head.want.value=="video")
         {
         }
         else if(frm_head.want.value=="game" && wval != "")
         {
                   window.open("http://www.jqshw.com/so/search.asp?want=game&search="+frm_head.search.value, "_blank");
                   return false;
         }
         if(wval == "")
                   return false;
         else {
                   return true;
            }
}

function searchSubSearch(want){
         changePage(want);
         frm_head.want.value = want;
         if(want == "photo")
         {
                   frm_head.action = "http://www.jqshw.com/so/search.asp";
         }
         else if(want == "music")
         {
                   frm_head.action = "http://www.jqshw.com/so/search.asp";
         }
         else if(want == "")
         {
                   frm_head.action = "http://www.jqshw.com/so/search.asp";
         }
         else if(want == "know")
         {
                   frm_head.action = "http://www.jqshw.com/so/search.asp";
         }
         else if(want == "video"){
                   frm_head.want.value = "video";
                   searchGovideo();
         }
         else if(want == "game")
         {
                   frm_head.want.value = "game";
                   frm_head.action = "http://www.jqshw.com/so/search.asp";
         }
         else 
         {
                   frm_head.action = "http://www.jqshw.com/so/search.asp";
         }
}

function searchGovideo(){
         frm_head.action = "http://www.jqshw.com/so/search.asp";
}

function changePage(want){
         if(searchCurrHighLight == null){
                  searchCurrHighLight = document.getElementById("search");
         }
         searchCurrHighLight.className = "search_fod2";
         searchCurrHighLight = document.getElementById("search" + want)
         searchCurrHighLight.className = "search_fod1";
         frm_head.want.value = want;
}

function isvideo(){
         if(searchCurrHighLight == document.getElementById("searchvideo")){
                   searchGovideo();
                   return true;
         }
         else{
                   return true;
         }
}

function goSearch(){
         changeHotWords(document.frm_head.want.value);
         if(!searchValidate())
                   return false;
         if(frm_head.search.value != ""){
                   frm_head.submit();
         }
         else
                   return false;
}

function changeHotWords(category){
document.getElementById("td_hotlist").innerHTML = eval(category + "Words");
}
SCRIPT>
<SCRIPT>
//知识
var knowWords = '';
//网页
var Words = '';
//图片
var photoWords = '';
//音乐
var musicWords = '';
//影视
var videoWords = '';
//游戏
var gameWords = '';
SCRIPT>
<form name="frm_head" action="http://www.jqshw.com/so/search.asp" onSubmit="return searchValidate();" method="GET" target="_blank" class="search_form">
<input type="hidden" name="want" value="">
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" background="http://www.jqshw.com/so/images/search_code_bg.gif" class="search_table">
<tr>
     <td height="23"><table border="0" cellspacing="0" cellpadding="0" align="center" class="search_table">
      <tr valign="top">
        <td class="search_fod1" id="search" onclick="searchSubSearch('');goSearch()">网页td>
        <td width="4">td>
        <td class="search_fod2" id="searchphoto" onclick="searchSubSearch('photo');goSearch()">图片td>
        <td width="4">td>
        <td class="search_fod2" id="searchmusic" onclick="searchSubSearch('music');goSearch()">音乐td>
   <td width="4">td>
        <td class="search_fod2" id="searchvideo" onClick="searchSubSearch('video');goSearch()">影视td>
   <td width="4">td>
        <td class="search_fod2" id="searchgame" onClick="searchSubSearch('game');goSearch()">游戏td>
        <td width="4">td>
     <td class="search_fod2" id="searchknow" onClick="searchSubSearch('know');goSearch()">知识td>
   <td width="4">td>
     <td valign="middle" class="search_fod2" id="more-tab"><a onMouseOver="sm(event);" style="cursor:pointer;">更多<img src="http://www.jqshw.com/so/images/search_code_more.gif" align=absmiddle>a>
   <span name=tm id=tm class="search_more search_bor3 search_f14 search_blue" onClick="stopB(event)" style="display:none;">
<ul class="search_ul"><li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=software&search=" onClick="return tp(this);" target="_blank">　软件a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=dict&search=" onClick="return tp(this);" target="_blank">　字典a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=map&search=" onClick="return tp(this);" target="_blank">　地图a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=file&search=" onClick="return tp(this);" target="_blank">　文档a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=blog&search=" onClick="return tp(this);" target="_blank">　博客a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=bbs&search=" onClick="return tp(this);" target="_blank">　论坛a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=news&search=" onClick="return tp(this);" target="_blank">　新闻a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=shop&search=" onClick="return tp(this);" target="_blank">　购物a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=novel&search=" onClick="return tp(this);" target="_blank">　小说a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=book&search=" onClick="return tp(this);" target="_blank">　图书a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=busi&search=" onClick="return tp(this);" target="_blank">　商业a>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=flash&search=" onClick="return tp(this);" target="_blank">　FLASHa>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=ip&search=" onClick="return tp(this);" target="_blank">　IPa>li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=site&search=" onClick="return tp(this);" target="_blank">　站内a>li>
<li class="search_bort" style="background:#F4F4F4;"><a href="http://www.jqshw.com/so/" onClick="this.href" target="_blank">　更多搜索a>li>ul>span>
   td>
      tr>
table>
<script>
function togDispMore(e){stopB(e);var elems=document.getElementsByName('tm');for(var i=0;i<elems.length;i++){var obj=elems[i],dp="";if(obj.style.display==""){dp="none";}obj.style.display=dp;}return false;}
function stopB(e){if(!e)e=window.event;e.cancelBubble=true;}
document.onmouseup=function(event){var elems=document.getElementsByName('tm');if(elems[0].style.display==""){togDispMore(event);}}
function tp(obj){
        if(document.frm_head.search.value.length>0)
        {
                var oh=obj.href;
                obj.href = obj.href.replace(/search=.+/g,"search=");

                var qw=document.frm_head.search.value.trim();
                if(obj.href.indexOf("game") != -1)
                {
                        obj.href = obj.href + encodeURIComponent(qw);
          }else{
                        obj.href=obj.href+qw;
          }

        }else{
                obj.href = "http://"+obj.hostname;
        }
}
String.prototype.trim=function()
{
        return   this.replace(/(^\s*)|(\s*$)/g,'');
}
$d = function(id){
        return document.getElementById(id);
}
var st='';
function sm(event)
{
        clearTimeout(st);
        o=$d('tm');
        o.style.display = "block";
        document.onmousemove = cp;
}
function cp(event)
{
                evt = window.event?window.event:event;
                var pointer=function(event) {
            return {
              x: event.pageX || (event.clientX +
                (document.documentElement.scrollLeft || document.body.scrollLeft)),
              y: event.pageY || (event.clientY +
                (document.documentElement.scrollTop || document.body.scrollTop))
            };
        }(evt);
                l=o.offsetLeft;t = o.offsetTop-20;
                r=l+o.offsetWidth;b=o.offsetTop+o.offsetHeight;

                py = pointer.y;px = pointer.x;

                if((py>t && py<b) && (px>l&&px<r)){
                        }
                else{ 
                        st = setTimeout(function(){o.style.display="none";},500);
                        document.onmousemove=function(){};
                }
}
script>
td>
tr>
table>
<script>
function getElt(id) { return document.getElementById(id) }
function showMore() {
toggle('more-tab');
toggle('more-items');
}
function toggle(tog) {
//tog.style.display = (tog.style.display=='none' || tog.style.display=='') ? 'block' : 'none';
if (!tog.id) {
    tog = getElt(tog);
}
tog.style.display = (tog.style.display=='none') ? '' : 'none';
}
script>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="search_mb5" height="32">
<tr>
    <td width="113" align="center"><a href="index.asp" class="sosoblack" target="_blank"><img src="http://www.jqshw.com/so/images/logo_9025.gif" border="0">a>td>
    <td width="358"><input name="search" type="text" style="font-size:14px;color:#000000;width:420px;height:20px;border:#BBBBBB 1px solid;" value="请输入关键字" onmouseover="this.focus()" onblur="if (value ==''){value='请输入关键字'}" onfocus="this.select()" onclick="if(this.value=='请输入关键字')this.value=''">td>
    <td width="62"><input style="width:60px;height:22px;line-height:16px;margin:0;cursor: pointer;float:left; padding-top:1px;" type="submit" value="搜 索">td>
    <td width="0" align="center" id="td_hotlist">
    <script>document.write(Words); //初始化
</tr>
</table>
</form>

转载于:https://www.cnblogs.com/shuziren/archive/2009/07/04/1516779.html