设为首页 - 加入收藏 - 在线工具 - 云主机 - 会员中心 - 【简体 / 繁體
您的当前位置:主页 > 更多免费 > 网页应用 > 网页特效 > 正文

多搜索引擎搜索框,支持站内搜索

时间:2017-08-28 文章来源:九三免费资源网 作者:斑马 阅读次数:51 挑错
  整合国内主流搜索引擎制作的搜索框,支持站内搜索,可根据代码的规则自行添加更多的选项。打开的搜索链接请在js代码中修改
效果演示:
多搜索引擎搜索框,支持站内搜索
CSS代码:
.search{float:left;width:800px;text-align:left; padding-top:18px;padding-bottom:5px;padding-left:40px;font-size:14px;}
.searchbox{float:left;width:500px;text-align:left;margin-right: 10px;}
.search ul li{float:left; cursor:pointer;width:60px; height:24px;padding-top:8px;}

主程序代码:
<div class="search"> 
<div class="searchbox"><center><input name="Input" baiduSug="1" id="fk" onFocus="this.select()"
onblur="if (value ==''){value='请输入关键字'}" onClick="if(this.value=='请输入关键字')this.value=''" onMouseOver="this.focus()" onKeyDown="if(event.keyCode==13)pagetw_search();" value="请输入关键字" style="width:300px;border-width:1px 1px 1px 1px; border-style:solid;border-color:#9D9F08;height:28px;padding:5px" />
<input name="button" type="button" id="btnSearch" onClick="pagetw_search();" value="搜 索" style="width:60px;font-size:14px;padding:5px;background-color:#0066b3;color: #FFF;border: solid 1px #0066b3;width: 100px;"/>
</div>
<br/>
<ul> 

<li><input name="o" type="radio" value="0" checked="checked"/>
百度</li>
<li><input name="o" type="radio" value="1"/>
谷歌</li>
<li><input name="o" type="radio" value="2"/>
好搜</li>
<li><input name="o" type="radio" value="3"/>
搜狗</li> 
<li><input name="o" type="radio" value="4"/>
神马</li>
<li><input name="o" type="radio" value="5"/>
淘宝</li>
<li><input name="o" type="radio" value="6"/>
本站</li>
</ul> 
</center>
</div>
        </div>


JS代码:
<script language="JavaScript" type="text/JavaScript">

function addFav(title,url,desc)
{
if ((typeof window.sidebar == 'object') && (typeof window.sidebar.addPanel == 'function'))//Gecko
{
window.sidebar.addPanel(title,url,desc);
}
else//IE
{
window.external.AddFavorite(url,title);
}
}


function ck(sel)
{
var fo=document.getElementsByName("o");
fo[sel].checked=true;
pagetw_search();

}

function pagetw_search(){
    var v = document.getElementById("fk").value;
    var fo = document.getElementsByName("o");
  
    if (fo[0].checked)
        window.open("http://www.baidu.com/s?wd=" + v);
    if (fo[1].checked)
        window.open("http://www.google.com/search?hl=zh-CN&ie=gb2312&oe=gb2312&lr=lang_zh-CN&q=" + v);
    if (fo[2].checked)
        window.open("https://www.haosou.com/s?q=" + v);
    if (fo[3].checked)
        window.open("http://www.sogou.com/web?query=" + v);
		if (fo[4].checked)
        window.open("http://m.sm.cn/s?q=" + v);
		if (fo[5].checked)
        window.open("https://temai.taobao.com/search.htm?pid=mm_10011550_2325296_9002527&prepvid=200_10.184.92.155_7466_1503929933401&spm=a21ap.7630805.3001.1&q=" + v);
    if (fo[6].checked)
        window.open("http://www.93free.com/plus/search.php?kwtype=0&keyword=" +encodeURI(v));
} 
var ie = (typeof(window.ActiveXObject) != 'undefined'); 

if(top.location != self.location)
{
top.location=self.location
}
 
</script> 

转载请注明来源:

投稿 找资源 留言板 回顶部