网站底部百度搜索框实现百度搜索结果为指定网站

网站底部百度搜索框实现百度搜索结果为指定网站，在网站底部提供一个百度搜索框，当访客在改搜索框中输入关键词进行搜索时，搜索结果页面中显示的都是我们指定的网站的收录页面（前提是我们指定的网站在百度中有一定的收录量）。

主要的原理是利用了百度搜索的一个参数 si ，该参数可以将的作用是在指定的网站中搜索关键词。大家想要将网址改成自己的网站只需要将<input name="si" type="hidden" value="88243120.com">这段代码中的value值改为自己的即可。

不知道这种搜索框的具体效果怎么样，不过这种方法还是有可以学习的地方，所以贴出了给大家参考一下。

效果截图：

<style type="text/css">
body {margin:0;padding:0;}
.baidu{ background:#cee2f0; width:100%;margin:0px auto; height:63px;background-position:center bottom;
background-repeat:no-repeat;position:absolute;position:fixed!important;bottom:0px;
_POSITION: absolute;
_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); z-index:10;}
.baidu .formClass{margin:0 auto;width:850px; }
</style>
<div class="baidu">  
  <form method="get" action="http://www.baidu.com/baidu" target="_blank" class="formClass">
        <table style="font-size:9pt;">
			<tbody><tr height="60"><td valign="top"><img src="http://img.baidu.com/img/logo-137px.gif" border="0" alt="baidu" style="margin-top:2px;"></td>
             <td>
                <input name="word" size="30" maxlength="100" value="请输入你想要搜索的内容" class="p1" style="margin-left:50px;color:#868685; width:490px; height:35px;margin-top:10px;" onblur="if (this.value==''){this.value='请输入你想要搜索的内容';}" onfocus="if(this.value=='请输入你想要搜索的内容'){this.value='';}">
                <input type="submit" style="margin-left:30px;  width:100px; height:35px;margin-top:10px;cursor:pointer;" value="百度一下"><br>
                <input name="tn" type="hidden" value="bds">
                <input name="cl" type="hidden" value="3">
                <input name="si" type="hidden" value="88243120.com">
                <input name="ct" type="hidden" value="2097152"> 
          </td></tr></tbody></table>
   </form>        
 </div>

随机推荐

医疗网站常用的网页左侧浮动咨询菜单
医疗网站常用的网页左侧浮动咨询菜单，包含在线咨询，免费电话，QQ在线，自助挂号，回到顶部菜单，其中免费电话采用离线宝免费电话接口，想要使用该功能请修改代码中的相关参数，具体修改方法参考之前的文章百度离线宝调用接口。代码打包下载：医疗网站
手机站底部黑色导航条效果
手机站底部黑色导航条效果。代码打包下载：手机站底部黑色导航条效果效果截图：
兼容所有主流浏览器的居中DIV代码兼容IE6
兼容所有主流浏览器的居中DIV代码兼容IE6,主要是下面的这段CSS代码来兼容IE6的。复制代码代码如下: /*兼容IE6居中*/ _position: absolute; _top: expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop)); _left:
不错的右侧浮动，免费电话调用离线宝接口
不错的右侧浮动，免费电话调用离线宝接口。注意使用离线宝功能请修改调用离线宝接口的ID。复制代码代码如下: //引入百度离线宝API 注：data-lxb-uid为百度推广账户ID ，data-lxb-gid为离线宝分组ID可为空，将这两个ID替换为自己医院的 document.writeln(sc
网页底部免费通话按钮
网页底部免费通话按钮代码分享，效果截图：

网站底部百度搜索框实现百度搜索结果为指定网站

相关文章

随机推荐