JS问题，，大侠帮帮忙啊！！！！！！

Question

<div id="index_top_0">
<ul id="index_top_1">
<li id="index_top_2"><img src="111.gif" width="10" height="20"/></li>
<li class="index_top_3" onmouseover="javascript:this.className='index_top_3_0'" onmouseout="javascript:this.className='index_top_3'" onclick="javascript:location='1.html'"></li>
<li class="index_top_4" onmouseover="javascript:this.className='index_top_4_0'" onmouseout="javascript:this.className='index_top_4'" onclick="javascript:location='2.html'"></li>
<li class="index_top_5" onmouseover="javascript:this.className='index_top_5_0'" onmouseout="javascript:this.className='index_top_5'" onclick="javascript:location='3.html'"></li>
<li class="index_top_6" onmouseover="javascript:this.className='index_top_6_0'" onmouseout="javascript:this.className='index_top_6'" onclick="javascript:location='4.html'"></li>
</ul>
</div>
我的要求：
当我点击其中一个标签时，例如点击1.html，它的样式就停留在那里，点击2.html时刚才那个恢复原样，样式又停留在第二个标签上，就像鼠标滑过一样。简单来说，就是鼠标滑过有样式，点击进去后把样式留住。别的恢复原样。
用JS怎么写啊？大侠求助啊。。求了

Answer 1

写成onclick事件呗。然后在事件中循环检查其他标签页的样式，根据自己的要求去改变className,然后通过css样式表不就变了么

Answer 2

当鼠标移上去就用focus事件显示样式，再用点击事件保留当前样式，并且同时恢复前面那个的样式。

Answer 3

用jquery框架,比较简单,为li注册鼠标进入的事件,添加 移除css就可以了,有需要可以联系我,QQ"10702934

Answer 4

var oldId="index_top_2";
function click_Li(newId){
  if(oldId!=undefiend||oldId!=null){
     $("#"+oldId).attr("class","");
  }
  oldId=newId;
  $("#"+newId).attr("class",newId);
}每个li给定个跟需要变化的class名字一样的id即可，只需要做一个onmouseover事件就OK了。。参考下吧，可能不是你想要的！