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.
CodeCode
<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"> FLASH</a></li>
<li class="search_li"><a href="http://www.jqshw.com/so/search.asp?want=ip&search=" onClick="return tp(this);" target="_blank"> IP</a></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); //初始化</script>
</tr>
</table>
</form>
