我想要一种效果.点击某一个时.知道如何被选中

Question

我想要一种效果.点击某一个时.知道如何被选中
可以看一下www.alibaba.com.cn首页的搜索.
在点击某一个时让他突显出来.让客户知道是选中的哪一个.
敬请赐教.

Answer 1

你是说的那些链接吗？CSS就可以实现，很简单的。

Answer 2

toolbar？网上有很多，自己搜下

Answer 3

JavaScript+Css很容易实现，
可以使用display和className属性!!

Answer 4

大哥们.
不要说的这么笼统呀
我刚学asp.net没几天呀

Answer 5

看以下
<script language="JavaScript" src="http://img.china.alibaba.com/shtml/sites/js/search.js"></script>这个就知道了

Answer 6

<link rel="stylesheet" rev="stylesheet" href="http://img.china.alibaba.com/shtml/sites/css/search.css" type="text/css" />
<script language="JavaScript" src="http://img.china.alibaba.com/shtml/sites/js/search.js"></script>
<div class="searchDiv" style="margin-top:10px">
<div id="searchBar" style="border-bottom:3px solid #cccccc;height:91px !important;height:94px">
<div class="searchLLine"><img src="http://img.china.alibaba.com/images/cn/home/060516/searchbar_border.gif" alt=""></div><div class="searchRLine"><img src="http://img.china.alibaba.com/images/cn/home/060516/searchbar_border.gif" alt=""></div>
<div class="searchT" id="searchBarT">
<ul>
<li class="nTab" id="node1" onclick="javascript:doclick(this,1)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btbuy');">供应</li>
<li class="nTab" id="node2" onclick="javascript:doclick(this,2)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btsell');">求购</li>
<li class="nTab" id="node3" onclick="javascript:doclick(this,3)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btcompany');">公司</li>
<li class="nTab" id="node7" onclick="javascript:doclick(this,7)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btbaojia');">报价</li>
<li class="nTab" id="node8" onclick="javascript:doclick(this,8)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btdaili');">代理</li>
<li class="nTab" id="node9" onclick="javascript:doclick(this,9)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btjiagong');">加工</li>
<li class="nTab" id="node4" onclick="javascript:doclick(this,4)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btnews');">资讯</li> 
<li class="nTab" id="node5" onclick="javascript:doclick(this,5)" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_btclub');" style="width:48px">论坛</li> 

</ul>
</div>
<div class="searchC">
<form method="post" name="searchform" action="" onsubmit="return checkform()">
  <input class="" type="text" name="keywords"  value="" onfocus="this.value=''" size="65" >
  <input value=" 搜 索 " type="submit" style="width:80px;height:25px">
  <a href="http://info.china.alibaba.com/news/subject/v1-s5011580.html?head=top4&Bidding=searchome" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_searchjj');">关键字竞价</a>
</form>
</div>
<div><div id="linkKwords" class="searchD" style="float:left" style="width:550px"></div><div style="float:right;line-height:150%;margin-right:62px !important;margin-right:32px"> 
<a href="http://info.china.alibaba.com/helpcenter/tips/s5008303-d5353824.html" target="_blank" onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_searchhow');">如何搜索？</a>
</div></div>
<script>searchInit(1,"ui_chinaindex_","")</script>
</div>
</div>
保存为htm看一下