搜索功能，并且能指定到象google/baidu/sina等搜索里面去

 

1. <div class="search">
2.   <p>
3.     <a class="h_black" href="#" onclick="javascript:search_set_site(this,'/tags/{word}.shtm')" >站内</a> | 
4.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://www.baidu.com/s?ie=utf-8&word={word}',encodeURI)">百度</a> | 
5.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://www.google.cn/search?hl=zh-CN&q={word}',encodeURI)">谷歌</a> | 
6.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://www.baidu.com/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&word={word}')">图片</a> | 
7.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://tieba.baidu.com/f?kw={word}')">帖吧</a> | 
8.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://mp3search.baidu.com/wstsearch?tn=baidump3&ct=134217728&lm=-1&rn=&word={word}')">音乐</a> | 
9.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://video.baidu.com/v?ct=301989888&rn=20&pn=0&db=0&s=0&word={word}')">视频</a> | 
10.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://dict.iciba.com/{word}/')">词典</a> | 
11.     <a class="h_blue1" href="#" onclick="javascript:search_set_site(this,'http://news.baidu.com/ns?tn=news&word={word}');">新闻</a>
12.   </p>
13. <p>
14.   <input type="hidden" id="search_site" value="/tags/{word}.shtm"/>
15.   <input id="search_text" type="text" class="headinput_gray" onkeydown="javascript:if(event.keyCode==13){search_submit();}" />
16.   <input id="search_submit" type="button" class="headinput_b" style="cursor:pointer;" value="我要搜索" onclick="javascript:search_submit();" />
17. </p> 
18. <p>
19.   <span class="h_black2">搜索焦点：</span>
20.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">魔兽世界</a>
21.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">天龙八部</a>
22.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">诛仙</a>
23.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">跑跑卡丁车</a>
24.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">热血传奇</a>
25.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">赤壁</a>
26.   <a class="h_blue2" href="#" onclick="javascript:search_set_word(this)">梦幻西游</a>
27.  </p>
28. </div>

调用的JS文件内容：

1. <script type="text/javascript">
2. var search_encodefn;
3. //字符串长度
4. String.prototype.unicodeLength=function(){
6.     var length=0;  
7.     for(var index=0,len=this.length;index<len;index++){  
8.         if(this.charCodeAt(index)>255)   length+=2;  
9.         else   length++;  
10.     }  
11.     return  length;   
12. }
13. //搜索
14. function search_set_site(obj,site,fun){
15.   var p=obj.parentNode;
16.   for(var index=0,length=p.childNodes.length;index<length;index++){
17.       var tag=p.childNodes[index];
18.       if(tag.tagName=='A'){
19.         tag.className=tag==obj?"h_black":"h_blue1";
20.       }
21.   }
23. function search_set_word(obj){
24.   document.getElementById('search_text').value=obj.innerHTML;
25. }
27. function search_submit(){
28.     var word=document.getElementById('search_text').value;
29.     if(word.length == 0 || word == "")//搜索为空
30.     {
31.         if(document.getElementById('search_site').value != '/tags/{word}.shtm')
32.         {
33.             window.open(document.getElementById('search_site').value.replace('{word}',""));
34.         }
35.     }
36.     else//搜索不为空
37.     {
38.         if (document.getElementById('search_site').value=='/tags/{word}.shtm')
39.         {
40.           word=word.replace(".","%2E");
41.         }
42.         if(typeof(search_encodefn)=='function'){
43.          word=search_encodefn(word)
44.         }
45.         window.open(document.getElementById('search_site').value.replace('{word}',word));
46.     } 
47. }
50. </script>