怎么用js控制导航！急

Question

有如下导航： 
<UL>
  <LI class=current><A href="#">发布公告</A> </LI>
  <LI ><A href="#">提交申请 </A></LI>
  <LI><A href="#">管理协会</A> </LI>
  <LI ><A href="#">安全退出</A></LI>
</UL>
默认的情况下导航的第一个被选中，它的css为current.当点击第二个的时候，怎么用js控制，使得第二个css为current 而第一个的current消失。

Answer 1

楼主可以通过onclick时间控制连接的li标签的 className属性。

Answer 2

<ul> 
  <li id="li1" class="current" onmouseover="swap(this)"><a href="#">发布公告</a></li> 
  <li id="li2"><a href="#" onmouseover="swap(this)">提交申请</a></li> 
  <li id="li3"><a href="#" onmouseover="swap(this)">管理协会</a></li> 
  <li id="li4"><a href="#" onmouseover="swap(this)">安全退出</a></li> 
</ul>
function swap(obj){
for(var i=1;i<=4;i++){
document.getElementById("li"+i).className='';
}
obj.className="current";
}