360搜索框代码可切换百度.谷歌.必应免费搜索框

操作方法

  • 01

  • 02

    <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><style>#search ul {list-style-type: none;display: block;width: 100px;height: 33px;margin: 0;padding: 0;border: 0px;float: left;}#search li {border: 0px;margin: 0px;padding: 0px;}#search .selected {display: block;}#search form {margin: 0px;padding: 0px;}#search input {height: 30px;width: 400px;margin: 0px;}#search .button {font-size: 17px;font-weight: 600;color: #002D96;height: 30px;width: 110px;margin-left: 50px;background: #e6efc2;opacity: 0.8;border: #7fb80e 1px solid;cursor: pointer;-webkit-border-radius: 2px;border-radius: 2px;}</style></head><body><div id="search" align="center"><table><tr><td><ul><li style="display:block;"><img src="/jscss/demoimg/201208/baidu.jpg"/></li><li style="display:none;"><img src="/jscss/demoimg/201208/baidu.jpg"/></li><li style="display:none;"><img src="/jscss/demoimg/201208/gg.jpg"/></li><li style="display:none;"><img src="/jscss/demoimg/201208/sougou.jpg"/></li></ul></td><td style="padding-left:10px;"><form style="display:block" action="http://www.baidu.com/baidu" method="get"><input name=tn type="hidden" value="baidu"/><input type="text" name="word"/><input  class="button" type="submit" value="百度一下" onMouseOver="this.style.opacity='1'" onMouseOut="this.style.opacity='0.7'"/></form><form style="display:none" action="http://www.google.com/search" method="get"><input type="text" name="q"/><input class="button" type="submit" value="google搜索" onMouseOver="this.style.opacity='1'" onMouseOut="this.style.opacity='0.7'"/></form><form style="display:none" action="http://www.sogou.com/web" target="_blank" name="sogou_queryform"><input type="text" name="query"><input  class="button" type="submit" value="sougou搜索" onMouseOver="this.style.opacity='1'" onMouseOut="this.style.opacity='0.7'"/></form></td></tr></table></div><script> var search = document.getElementById("search");            var forms = document.getElementsByTagName("form");            var ul = search.getElementsByTagName("ul")[0];            var li = ul.getElementsByTagName("li");            var length = li.length;            li[0].onclick = function() {                for (var i = 1; i < length; i++) {                    li[i].style.display = "block";                }            }            var n = 0;            for (var i = 1; i < length; i++) { li[i].onclick = function(a) {                    return function() {                        li[0].innerHTML = this.innerHTML;                        for (var j = 1; j < length; j++) {                            li[j].style.display = "none";                        } forms[n].style.display = "none"; forms[a].style.display = "block";                        n = a;                    }                }(i - 1); li[i].onmouseover = function(){                //this.style.border = "#7fb80e 1px solid";                this.style.background = "#f2eada";                }                li[i].onmouseout = function(){                this.style.border = "0px"; this.style.background = "inherit";                } }</script></body></html> 全网搜索 <style type="text/css"> #so360{white-space:nowrap} #so360 form{margin:0;padding:0} #so360_keyword{width:307px;height:24px;line-height:24px;font:14px arial;padding:2px 5px;margin-right:5px; border:2px solid #3EAF0E;outline:0;vertical-align:middle;} #so360_keyword{background:url(http://p3.qhimg.com/d/inn/d84bf96d/bg.png) no-repeat right center;} #so360_submit{width:70px;height:32px;line-height:32px;border:0;color:#fff;background:#3FB30E; font-weight:bold;font:bold 14px arial;padding:0;padding-top:3px\9;cursor:pointer; vertical-align:middle} </style> <div id="so360"> <form action="http://www.so.com/s" target="_blank" id="so360form"> <input type="text" autocomplete="off" name="q" id="so360_keyword"> <input type="submit" id="so360_submit" value="搜 索"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"> </form> </div> <script type="text/javascript"> (function() { function $(id) { return document.getElementById(id); } function addEvent(node , type , fn) { if(node.addEventListener) { node.addEventListener(type , fn , false); } else if(node.attachEvent){ node.attachEvent("on" + type , fn); } else { node["on" + type] = fn; } }; var form = $("so360form"); if(!form) { return; } addEvent(form , "submit" , function() { form.src.value = "zz_" + window.location.host.replace(/\./g , "_"); return true; }); })(); </script> <style type="text/css"> #so360{white-space:nowrap} #so360 form{margin:0;padding:0} #so360_keyword{width:487px;height:24px;line-height:24px;font:14px arial;padding:2px 5px;margin-right:5px; border:2px solid #B30E0E;outline:0;vertical-align:middle} #so360_keyword{background:url(http://p3.qhimg.com/d/inn/d84bf96d/bg.png) no-repeat right center} #so360_submit{width:90px;height:32px;border:0;color:#fff;background:#B30E0E; font-weight:bold;font:bold 14px arial;padding:0;padding-top:3px\9;cursor:pointer; vertical-align:middle} </style> <div id="so360"> <form action="http://www.so.com/s" target="_blank" id="so360form"> <input type="text" autocomplete="off" name="q" id="so360_keyword"> <input type="submit" id="so360_submit" value="搜 索"> <input type="hidden" name="ie" value="utf8"> <input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"> </form> </div> <script type="text/javascript"> (function() { function $(id) { return document.getElementById(id); } function addEvent(node , type , fn) { if(node.addEventListener) { node.addEventListener(type , fn , false); } else if(node.attachEvent){ node.attachEvent("on" + type , fn); } else { node["on" + type] = fn; } }; var form = $("so360form"); if(!form) { return; } addEvent(form , "submit" , function() { form.src.value = "zz_" + window.location.host.replace(/\./g , "_"); return true; }); })(); </script> 360搜索免费为站长们开放了站内搜索工具

(0)

相关推荐

  • 简单搜索app怎么样?如何评价百度推出的简单搜索app?

    百度董事长兼CEO李彦宏出席2018中国国际大数据产业博览会,在发布发表题为<为了一个更美好的AI时代>演讲中承诺,对于百度搜索业务因竞价医疗广告等,“简单搜索,永远没有广告”,其中,“简 ...

  • Win10系统Edge浏览器修改百度/谷歌为默认搜索方法

    Win10系统Edge浏览器修改百度/谷歌为默认搜索方法

  • 百度.谷歌高级搜索怎么用:[1]通用方法.指令

    我们经常会在或者google查找我们想要的资源,文档.软件.手册.电视剧.电影.名人.热点新闻等等.但是绝大部份人都只会输入相应的关键字,搜索出来后再慢慢的人工筛选.在结果中有太多我们不需要的内容了, ...

  • 怎么设置360浏览器右上角搜索引擎默认为百度搜索?

    当我们打开360安全浏览器的时候,默认的搜索引擎的综合搜索,有时候用起来很不方便,今天小编就为大家讲解下如何更改360安全浏览器的搜索引擎为百度搜索,希望对大家有所帮助。 1、打开360浏览器进入主界 ...

  • 在百度中如何将搜索框中的历史记录删除?

    如今我们在查一些资料的时候会用到百度,浏览器中也会留下我们的搜索的历史纪录,如果我们想要删除应该如何操作呢?今天,小编就教大家在百度中如何将搜索框中的历史记录删除.具体如下:1. 我们打开电脑中的浏览 ...

  • 百度和谷歌的高级搜索语法示例详解

    在做网站优化中我们经常需要用到搜索引擎的一些高级搜索语法来辅助我们的工作,今天安逸详细给大家举例说明一下 百度和谷歌以及雅虎的一些常用高级搜索语法使用说明 百度语法 01 1.site--把搜索范围规 ...

  • 无网络如何使用百度地图进行离线搜索

    手机电子地图是辅助我们日常生活的一个好帮手,可以帮助我们在线查询到前往目的地的路线图.也可以查看附近的电影院.饭店.旅店等生活设施的位置.但在外出时不一定保证手机实时都有网络,如果没有网络该如何查询地 ...

  • 为什么百度网盘site搜索不到资源?

    最近大家都会发现,我们以前经常在找资源的时候,都是用site语句来找资源,再近发现在资源用site语句找不到了,比如:site:pan.baidu.com +你搜索的关键词,都找不到了,这可能和最近扫 ...

  • 教你百度网盘怎么搜索电影

    百度网盘里面容纳了众多网友的珍藏电影,但是想要得到并不是那么容易的,我们需要掌握方便快捷的搜索百度网盘电影方法,下面小编给大家分享一种搜索百度网盘电影方法,有需要的朋友们可以来试试。 百度网盘怎么搜索 ...