想丰富您的主页（博客）内容吗？本站专门整理全球最大中文搜索引擎百度的各种样式代码，

直接复制下面代码到您的网面，成为您一个精彩频道！效果同本站一样，让您的主页更精彩！

如还有疑问给站长发邮件，谢谢！

百度自定义搜索框背景颜色效果：

<script language="javascript" type="text/javascript" > <!-- function isNum(ch) { if(ch >= '0' && ch <= '9')return true; return false; } function isAllNum(str1) { for (i=0; i<str1.length; i++) { if (!isNum(str1.charAt(i))) { return false; } } return true; } function isNum16(ch) { if (ch >= '0' && ch <= '9')return true; if (ch >= 'A' && ch <= 'F')return true; if (ch >= 'a' && ch <= 'f')return true; return false; } function isAllNum16(str1) { for (i=0; i<str1.length; i++) { if (!isNum16(str1.charAt(i))) { return false; } } return true; } function openColorPalette(name) { window.open('http://www.k688.com/baiduse.htm',name,'height=160, width=160, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no'); } function selectSearchOption(value) { if(value=='0') { for(i=0;i<boxConfigForm.searchingOptionNum.length;i++) { soObj=boxConfigForm.searchingOptionNum[i]; if(soObj!=null && soObj.value=='1') soObj.checked=true; soObj.disabled=true; } } else { for(i=0;i<boxConfigForm.searchingOptionNum.length;i++) { soObj=boxConfigForm.searchingOptionNum[i]; soObj.disabled=false; } } } function showSysStyle() { sysStyleObj=boxConfigForm.sysStyleIdSelected; sysStyleValue=sysStyleObj.options[sysStyleObj.selectedIndex].value; arrSysStyles=sysStyleValue.split('|'); colorschemeid=boxConfigForm.colorschemeid; tmp = arrSysStyles[1].split('='); for(i=0;i<colorschemeid.length;i++) { arrColorElem=colorschemeid[i].value.split('|'); if(arrColorElem[0]==tmp[1]) colorschemeid[i].checked="true"; } rk=boxConfigForm.hasSortSiteLink; tmp = arrSysStyles[7].split('='); for(i=0;i<rk.length;i++) { if(rk[i].value==tmp[1]) rk[i].checked="true"; } bd=boxConfigForm.hasBorder; tmp = arrSysStyles[8].split('='); for(i=0;i<bd.length;i++) { if(bd[i].value==tmp[1]) bd[i].checked="true"; } } function showUserStyle() { userStyleObj=boxConfigForm.userStyleIdSelected; userStyleValue=userStyleObj.options[userStyleObj.selectedIndex].value; arrUserStyles=userStyleValue.split('|'); colorschemeid=boxConfigForm.colorschemeid; tmp = arrUserStyles[1].split('='); for(i=0;i<colorschemeid.length;i++) { arrColorElem=colorschemeid[i].value.split('|'); if(arrColorElem[0]==tmp[1]) colorschemeid[i].checked="true"; } wd=boxConfigForm.width; tmp = arrUserStyles[2].split('='); wd.value=tmp[1]; ht=boxConfigForm.height; tmp = arrUserStyles[3].split('='); ht.value=tmp[1]; sropls=boxConfigForm.searchingOptionNum; tmp = arrUserStyles[4].split('='); for(i=0;i<sropls.length;i++) { if(sropls[i].value==tmp[1]) sropls[i].checked="true"; } kwnm=boxConfigForm.keywordNum; tmp = arrUserStyles[5].split('='); for(i=0;i<kwnm.length;i++) { if(kwnm[i].value==tmp[1]) kwnm[i].checked="true"; } kwgp=boxConfigForm.keywordGroupId; tmp = arrUserStyles[6].split('='); kwgp.value=tmp[1]; rk=boxConfigForm.hasSortSiteLink; tmp = arrUserStyles[7].split('='); for(i=0;i<rk.length;i++) { if(rk[i].value==tmp[1]) rk[i].checked="true"; } bd=boxConfigForm.hasBorder; tmp = arrUserStyles[8].split('='); for(i=0;i<bd.length;i++) { if(bd[i].value==tmp[1]) bd[i].checked="true"; } sropst=boxConfigForm.searchingOptionStyle; tmp = arrUserStyles[9].split('='); for(i=0;i<sropst.length;i++) { if(sropst[i].value==tmp[1]) sropst[i].checked="true"; } tbsz=boxConfigForm.textboxLength; tmp = arrUserStyles[10].split('='); tbsz.value=tmp[1]; tbst=boxConfigForm.textboxStyle; tmp = arrUserStyles[11].split('='); for(i=0;i<tbst.length;i++) { if(tbst[i].value==tmp[1]) tbst[i].checked="true"; } } function doSubmitCheck(flag) { rk=''; for(i=0;i<2;i++) { rkObj=boxConfigForm.hasSortSiteLink[i]; if(rkObj!=null && rkObj.checked==true) rk=rkObj.value; } bd=''; for(i=0;i<2;i++) { bdObj=boxConfigForm.hasBorder[i]; if(bdObj!=null && bdObj.checked==true) bd=bdObj.value; } bgcr=''; ftcr=''; for(i=0;i<64;i++) { csObj=boxConfigForm.colorschemeid[i]; if(csObj!=null && csObj.checked==true) { if(csObj.value!='-1') { tmp=csObj.value.split('|'); bgcr=tmp[1]; ftcr=tmp[2]; } else { bgcr=boxConfigForm.bgColor.value; ftcr=boxConfigForm.fontColor.value; } } } // check empty if (rk == ''|| bd == ''|| bgcr == ''|| ftcr == '') //|| 渠道 { alert('请填写或者选择所有的选项！'); return false; } if (!isAllNum16(bgcr) || bgcr.length != 6 || !isAllNum16(ftcr) || ftcr.length != 6) { alert('背景颜色或字符颜色格式不合法！'); return false; } sropls = ''; sropst=''; kwnm=''; tbsz=''; tbst=''; if(flag=='1') { j = 0; for (i=1; i<10; ++i) { srv = boxConfigForm.searchingOptionNum[i-1]; if (srv != null) { if (srv.checked == true) { j = i; break; } } } switch (j) { case 1: sropls='1'; break; case 2: sropls='1,4'; break; case 3: sropls='1,4,6'; break; case 4: sropls='1,4,6,2'; break; case 5: sropls='1,4,6,2,3'; break; } for(i=0;i<4;i++) { sropstObj=boxConfigForm.searchingOptionStyle[i]; if(sropstObj!=null && sropstObj.checked==true) sropst=sropstObj.value; } for(i=0;i<10;i++) { kwnmObj=boxConfigForm.keywordNum[i]; if(kwnmObj!=null && kwnmObj.checked==true) { if(kwnmObj.value!='-1') kwnm=kwnmObj.value; else kwnm=boxConfigForm.otherKeywordNum.value; } } tbsz=boxConfigForm.textboxLength.value; for(i=0;i<2;i++) { tbstObj=boxConfigForm.textboxStyle[i]; if(tbstObj!=null && tbstObj.checked==true) { tbst=tbstObj.value; } } if (sropls == ''|| sropst == ''|| kwnm == ''||tbsz==''||tbst=='') { alert('请填写或者选择所有的选项！'); return false; } if (!isAllNum(boxConfigForm.width.value) || !isAllNum(boxConfigForm.height.value) || !isAllNum(kwnm) || !isAllNum(tbsz) ) { alert('宽度、高度、文本框长度或关键字个数格式不合法，它们必须是数字！'); return false; } if (parseInt(boxConfigForm.width.value) < 260) { boxConfigForm.width.value = "260"; alert('宽度过小，将采用最小值：260!'); } if (parseInt(tbsz) < 12) { boxConfigForm.textboxLength.value = "12"; tbsz='12'; alert('文本框长度过小，将采用最小值：12!'); } if (parseInt(boxConfigForm.height.value) < 45) { boxConfigForm.height.value = "45"; alert('高度过小，将采用最小值：45!'); } } width= ''; height= ''; if(flag == '0') { sysStyleObj=boxConfigForm.sysStyleIdSelected; sysStyleValue=sysStyleObj.options[sysStyleObj.selectedIndex].value; arrSysStyles=sysStyleValue.split('|'); tmp=arrSysStyles[0].split('='); csid=tmp[1]; tmp=arrSysStyles[2].split('='); width=tmp[1]; tmp=arrSysStyles[3].split('='); height=tmp[1]; } if(flag == '1') { csid=boxConfigForm.uStyleId.value;//用户自定义样式id width=boxConfigForm.width.value; height=boxConfigForm.height.value; } return true; } function makeCodeUrl(flag) { var codeSrvUrl=document.getElementById('serverUrl').value; curl = codeSrvUrl+'?tn='+boxConfigForm.tn.value +'&cv='+boxConfigForm.cv.value +'&cid='+boxConfigForm.cid.value + '&csid=' +csid + '&rkcs=' + boxConfigForm.rkcs.value + '&bgcr=' + bgcr + '&ftcr=' + ftcr //+ '&rk=' + rk + '&rk=0' + '&bd=' + bd + '&tbsz=' + tbsz + '&tbst='+tbst; if(flag=='1') curl= curl+'&sropls=' + sropls + '&wd=' + boxConfigForm.width.value + '&ht=' + boxConfigForm.height.value + '&kwnm=' + kwnm + '&kwgp=' + boxConfigForm.keywordGroupId[boxConfigForm.keywordGroupId.selectedIndex].value + '&sropst='+sropst; curl = curl + '&bdas=0'; return curl; } function doPreview(flag) { if (doSubmitCheck(flag)) { curl = makeCodeUrl(flag); boxConfigForm.codeArea.value = '<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"' +'\n framespacing="0" frameborder="0" scrolling="no" width="'+width +'" height="'+height+'"' +'\n src="'+curl+'">\n</iframe>\n'; document.getElementById("preview_frame").innerHTML=boxConfigForm.codeArea.value; } else { boxConfigForm.codeArea.value = ''; } } function doCopy() { boxConfigForm.codeArea.select(); rgn = boxConfigForm.codeArea.createTextRange(); rgn.execCommand("Copy"); } //--> </script>   <form name="boxConfigForm" method="post" action="/client/business/searchingUnion/boxConfig.do?operation=saveOrPreview"> <div align="center"> <input type="hidden" name="serverUrl" id="serverUrl" value= http://unstat.baidu.com/bdun.bsc> </div> <table width="750" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#B3D3EE" bordercolorlight="#B3D3EE" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="21">&nbsp;</td> <td width="729"><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr class="f9"> <td><table width="745" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor=""> <tr bgcolor="#FFFFFF" class="f9"> <td height="50" colspan="2"><div align="center"><span class="style5"><b><font color="#FF0000">百度搜索代码</font></b>（自定义搜索框背景颜色）</span><br> 　　 <br> 本站为您提供了多种尺寸及颜色的预设搜索框，您可以根据您的网站页面风格来选择。 当您选择好搜索框后，<br> 点击<span class="style1">效果预览</span>即可在预览窗口中可以看到效果，并自动生成代码，将代码框中的代码复制到您的页面中的相应位置上即可。 <br> </div></td> </tr> <!--显示样式选择--> <tr class="f9"> <td><table width="745" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor=""> <tr bgcolor="#FFFFFF" class="f9"> <td height="30" colspan="2"><DIV class=box_1> <strong>请您选择搜索框的基本样式：</strong></div></td> </tr> <tr class="f9"> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> <tr> <td width="6%"></td> <td> <table width="650" border="0" cellpadding="1" cellspacing="1" bgcolor="#C3E2F8"> <tr bgcolor="ffffff" align="center"> <td><table width="100%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr class="f9"> <td width="100%" height="30"> 系统样式： <select name="sysStyleIdSelected" onChange="showSysStyle()"> <option value="styleId=101|sfcsid=1|wd=468|ht=50|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=36|tbst=0|">468*50</option> <option value="styleId=102|sfcsid=1|wd=200|ht=30|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=7|tbst=0|">200*30</option> <option value="styleId=103|sfcsid=1|wd=670|ht=40|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=12|tbst=0|">670*40</option> <option value="styleId=104|sfcsid=1|wd=410|ht=80|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=29|tbst=0|">410*80</option> <option value="styleId=105|sfcsid=1|wd=140|ht=75|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=11|tbst=0|">140*75</option> <option value="styleId=106|sfcsid=1|wd=468|ht=60|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=25|tbst=0|">468*60</option> <option value="styleId=107|sfcsid=1|wd=468|ht=40|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=15|tbst=1|">468*40</option> <option value="styleId=108|sfcsid=1|wd=400|ht=40|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=16|tbst=0|">400*40</option> <option value="styleId=221|sfcsid=1|wd=360|ht=45|sropls=1|kwnm=0|kwgp=1|rk=0|bd=1|sropst=0|tbsz=16|tbst=1|">360*45</option> <option value="styleId=222|sfcsid=1|wd=360|ht=55|sropls=1|kwnm=0|kwgp=1|rk=0|bd=1|sropst=0|tbsz=25|tbst=1|">360*55</option> <option value="styleId=227|sfcsid=1|wd=760|ht=45|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=12|tbst=1|">760*45</option> <option value="styleId=225|sfcsid=1|wd=600|ht=45|sropls=1|kwnm=0|kwgp=1|rk=0|bd=1|sropst=0|tbsz=12|tbst=1|">600*45</option> <option value="styleId=223|sfcsid=1|wd=562|ht=57|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=2|tbsz=25|tbst=1|">562*57</option> <option value="styleId=224|sfcsid=1|wd=594|ht=55|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=2|tbsz=25|tbst=1|">594*55</option> <option value="styleId=226|sfcsid=1|wd=760|ht=30|sropls=5|kwnm=0|kwgp=1|rk=0|bd=1|sropst=1|tbsz=12|tbst=1|">760*30</option> </select> <input name="hasSortSiteLink" value="1" type=hidden> <input name="hasSortSiteLink" value="0" type=hidden> </td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> </table></td> </tr> <tr class="f9"> </tr> <tr class="f9"> <td><table width="745" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor=""> <tr bgcolor="#FFFFFF" class="f9"> <td height="30" colspan="2"> <DIV class=box_1><strong>选择搜索框是否有边框：</strong></div></td> </tr> <tr class="f9"> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> <tr> <td width="6%"></td> <td height="60"> <table width="650" border="0" cellpadding="1" cellspacing="1" bgcolor="#C3E2F8"> <tr bgcolor="ffffff" align="center"> <td><table width="100%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr class="f9"> <td> <input type="radio" name="hasBorder" value="1"> 是　 <input type="radio" name="hasBorder" value="0"> 否 </td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> </table></td> </tr> <tr class="f9"> <td><table width="745" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor=""> <tr bgcolor="#FFFFFF" class="f9"> <td height="30" colspan="2"><DIV class=box_1> <strong>选择搜索框的<span class="style3">背景颜色</span>方案：</strong></div></td> </tr> <tr class="f9"> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> <tr> <td width="6%"></td> <td height="90"> <table width="650" border="0" cellpadding="1" cellspacing="1" bgcolor="#C3E2F8"> <tr bgcolor="ffffff" align="center"> <td><table width="100%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr class="f9"> <td width="100%" height="30"> <input type="radio" name="colorschemeid" value="1|FFFFFF|000000|"> 白色 <input type="radio" name="colorschemeid" value="2|EDEDEB|FF0000|"> 灰色 <input type="radio" name="colorschemeid" value="4|E2EEFC|003366|"> 蓝色 <input type="radio" name="colorschemeid" value="5|E1FDE8|006633|"> 绿色 <input type="radio" name="colorschemeid" value="6|FEF0E2|663300|"> 橙色 <input type="radio" name="colorschemeid" value="7|FDFDC1|FF0000|"> 黄色 </td> </tr> <tr class="f9"> <td height="30"> <input type="radio" name ="colorschemeid" value="-1" id="csIdUserDefined"> 自定义：背景颜色 <input type="text" name="bgColor" maxlength="6" size="8" value="" onclick="javascript:document.getElementById('csIdUserDefined').checked='true';" ondblclick="openColorPalette(this.name)"> 字体颜色 <input type="text" name="fontColor" maxlength="6" size="8" value="" onclick="javascript:document.getElementById('csIdUserDefined').checked='true';" ondblclick="openColorPalette(this.name)"> （6位字符，不含#） <br> <br> <span class="style1">双击上面颜色框可打开色彩选择器！</span></td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> </table></td> </tr> <tr classass="f9"> <td><table width="745" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor=""> <tr bgcolor="#FFFFFF" class="f9"> <td height="30" colspan="2"> <DIV class=box_1><strong>请您点击"效果预览"按钮预览搜索框的效果：</strong></div></td> </tr> <tr class="f9"> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> <tr> <td width="6%"></td> <td height="150"> <table width="700" border="0" cellpadding="1" cellspacing="1" bgcolor="#C3E2F8"> <tr bgcolor="ffffff" align="center"> <td><table width="100%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr class="f9"> <td id=preview_frame width="100%" height="80" align=left valign=top> <!-- iframe id=preview_frame width=100% height=140 border=0 frameborder=0 align=left valign=top src=''--><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="50" src="http://unstat.baidu.com/bdun.bsc?tn=haofa&cv=0&cid=222195&csid=101&rkcs=4&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&tbsz=&tbst=&bdas=0"> </iframe> </td> </tr> </table></td> </tr> </table> <div align="center"><br> <INPUT name="buttonPreview" class="button" type="button" value=" 效果预览 获取代码" onClick="doPreview(0);"> </div></td> </tr> <tr> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> </table></td> </tr> <tr class="f9"> <td><table width="745" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor=""> <tr bgcolor="#FFFFFF" class="f9"> <td height="30" colspan="2"> <DIV class=box_1><strong>请把下面的代码嵌入到您的网页的适当位置，即可在该处显示此搜索框：</strong></div></td> </tr> <tr class="f9"> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> <tr> <td width="6%"></td> <td height="60"> <p> <textarea name="codeArea" cols="90" rows="4" wrap=off readonly><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="50" src="http://unstat.baidu.com/bdun.bsc?tn=haofa&cv=0&cid=222195&csid=101&rkcs=4&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&tbsz=&tbst=&bdas=0"> </iframe> </textarea> </p> <p align="center"> <INPUT name="fcopybtn" class="button" type="button" value=" 复制到剪贴板 " onClick="javascript:doCopy();"> </p></td> </tr> <tr> <td height="1" colspan="2" bgcolor="C1D7F4"></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> </table> <input type="hidden" name="rkcs" value="4"> <input type="hidden" name="cv" value="0"> <input type="hidden" name="tn" value="haofa"> <input type="hidden" name="cid" value="222195"> <script language="javascript" type="text/javascript" > <!-- showSysStyle(); //--> </script> </form>