当鼠标点击的时候，div的背景如何变化

Question

<div class="adMenu" id="adMenu"> 
<ul> 
<li class="active" onclick="setColor(this)"> <a urn="#default_Info" rel="adListContent1">北 <br />京 <br />站 </a> </li> 
<li class="normal"> <a urn="adList_Edu" rel="adListContent1">上 <br />海 <br />站 </a> </li> 
<li class="normal"> <a urn="adList_House" rel="adListContent1">天 <br />津 <br />站 </a> </li> 
<li class="normal"> <a urn="adList_Bnz" rel="adListContent1">长 <br />沙 <br />站 </a> </li> 
</ul> 
</div> 
function setColor(obj)
{
obj.style.backgroundColor="red";
}

Answer 1

css里设置所有都是灰色，然后根据焦点判断是否显示为红色，css就搞定了

Answer 2

<div class="adMenu" id="adMenu"> 
<ul> 
<li class="active" onclick="cc(this.id)"> <a urn="#default_Info" rel="adListContent1">北 <br />京 <br />站 </a> </li> 
<li class="normal" onclick="cc(this.id)"> <a urn="adList_Edu" rel="adListContent1">上 <br />海 <br />站 </a> </li> 
<li class="normal" onclick="cc(this.id)"> <a urn="adList_House" rel="adListContent1">天 <br />津 <br />站 </a> </li> 
<li class="normal" onclick="cc(this.id)"> <a urn="adList_Bnz" rel="adListContent1">长 <br />沙 <br />站 </a> </li> 
</ul> 
</div>     <script type="text/javascript">
        function cc(id) {
            //设置所有LI标签背景为蓝色
            for (var a = 0; a < document.getElementsByTagName("li").length; a++) {
                document.getElementsByTagName("li")[a].style.backgroundColor = "blue";
            }
            //点击的那个LI的背景为红色
            document.getElementById(id).style.backgroundColor = "red";
        }
    </script>

Answer 3

Jquery:
  $(document).ready(function() {
            $("div>ul>li").each(function() {
            $(this).bind("click", function() {
            $(this).attr("class", "");
                    $(this).addClass("active");
                    $(this).siblings().each(function() {
                        $(this).attr("class", "");
                        $(this).addClass("normal");
                    });
                });
            });
        });