如何改变li的样式

Question

<li class="focus"><a href="#">首页</a></li>
        <li><a href="#">教育培训</a> </li>
        <li><a href="#">企业服务</a> </li>
        <li><a href="#">形象空间</a> </li>
        <li><a href="#">关于柯莱美</a> </li>
我想实现的是,当我点击首页的时候,首页的class="fous",当我点击的教育培训的时候class="fous".
求高手帮忙解决,跪谢 

Answer 1

你这个算是css样式问题了<li id="tab1" onmouseover="changeTab(1)" class="focus"><a href="#">首页</a></li>
        <li id="tab2"  onclick="changeTab(2)"><a href="#">教育培训</a> </li>
        <li id="tab3" onclick="changeTab(3)" ><a href="#">企业服务</a> </li>
        <li id="tab4"  onclick="changeTab(4)"><a href="#">形象空间</a> </li>
        <li id="tab5"  onclick="changeTab(5)"><a href="#">关于柯莱美</a> </li>
function changeTab(n){ 
for(i=1;i<=5;i++){ 
var menu=document.getElementById("tab"+i); 
menu.className = "";  } 
document.getElementById("tab"+n).className = "focus";
} 

Answer 2

<ul id='menulist'>
<li class="focus"><a href="#">首页</a></li>
        <li><a href="#">教育培训</a> </li>
        <li><a href="#">企业服务</a> </li>
        <li><a href="#">形象空间</a> </li>
        <li><a href="#">关于柯莱美</a> </li>
</ul>
<script>
//jquery
jQuery(document).ready(function(){
    $("ul#menulist").find("li").bind("click",function(){
        $("ul#menulist").find("li.focus").removeClass("focus");
        $(this).addClass("focus");
    });
});
</script>

Answer 3

dingsongtao的方法很好
尤其是在整个网站中使用jQuery，很方便

Answer 4

如果是做的跳转页面的.就要根据URL或者参数来判断,然后动态输出class='focus',上面的都是本页tab改变的

Answer 5

真麻烦啊.CSSxx li:hover{
  background:red;
}用CSS 选择器不行么?~~~?~?~?~?