帝国的搜索一直以来都觉得不满意，现在分享一个tab切换式的搜索方案供大家参考，感觉还是不错的，也是现在比较通用的一种方案。效果如下图
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<form action="[!---news.url--]e/search/index.php"method="post"name="searchform"id="searchform">
<div id="menu">
<ul>
<li id="one1"onclick="setTab('one',1,8)"class="hover"><labelfor="s1">新闻</label>
<input id="s1"type="radio"checked="checked"name="tbname"value="news"style="display:none;"></li>
<li id="one2"onclick="setTab('one',2,8)"><labelfor="s2">下载</label>
<input id="s2"type="radio"name="tbname"value="download"style="display:none;"></li>
<li id="one3"onclick="setTab('one',3,8)"><labelfor="s3">图库</label>
<input id="s3"type="radio"name="tbname"value="photo"style="display:none;"></li>
<li id="one4"onclick="setTab('one',4,8)"><labelfor="s4">FLASH</label>
<input id="s4"type="radio"name="tbname"value="flash"style="display:none;"></li>
<li id="one5"onclick="setTab('one',5,8)"><labelfor="s5">电影</label>
<input id="s5"type="radio"name="tbname"value="movie"style="display:none;"></li>
<li id="one6"onclick="setTab('one',6,8)"><labelfor="s6">商品</label>
<input id="s6"type="radio"name="tbname"value="shop"style="display:none;"></li>
<li id="one7"onclick="setTab('one',7,8)"><labelfor="s7">文章</label>
<input id="s7"type="radio"name="tbname"value="article"style="display:none;"></li>
<li id="one8"onclick="setTab('one',8,8)"><labelfor="s8">分类信息</label>
<input id="s8"type="radio"name="tbname"value="info"style="display:none;"></li>
</div>
<div id="content">
<input name="keyboard"type="text"size="32"id="keyboard"class="inputText"/>
<input type="hidden"name="show"value="title"/>
<input type="hidden"name="tempid"value="1"/>
<input type="image"class="inputSub"src="[!---news.url--]skin/default/images/search.gif"/>
</div>
</form>
<script>
functionsetTab(name,cursel,n){
for(i=1;i<=n;i++){
varmenu=document.getElementById(name+i);
menu.className=i==cursel?"hover":"";
}
}
</script>人生就像一杯没有加糖的咖啡，喝起来是苦涩的，
