弱弱的提问一个问题..大家帮忙啊 谢谢啦！

Question

没人回答 0.0 用onmouseover="";之类的是不是实现不了吧？

Answer 1

测试通过:<li onClick="chgBgColor(this)">1 </li> 
<li onClick="chgBgColor(this)">2 </li> 
<li onClick="chgBgColor(this)">3 </li> 
<script language="javascript">
function chgBgColor(obj)
{
var li = document.getElementsByTagName("li");
for(var i = 0;i < li.length;i++) li[i].style.backgroundColor = "";
obj.style.backgroundColor = "red";
}
</script>

Answer 2

<style type="text/css">
div{
   width:200px;
   float:left;
   margin-left:50px;
   border:1px solid #e8e8e8;
}
.li-selected{
    background-color:#339966;
    color:#ffffff;
}
.li-noselected{
    background-color:#ffffff;
    color:#000000;
}
</style>
<script type="text/javascript">
window.onload=function(){
    var aLi=document.getElementsByTagName("li");
    var i,nLen=aLi.length;
    for(i=0;i<nLen;i++){
        aLi[i].onclick=function(e){
            var evt=e||window.event;
            var srcEl=evt.target||evt.srcElement;
            var parNode=srcEl.parentNode;
            var sClassName=document.all
                           ?srcEl.className
                           :srcEl.getAttribute("class");
            
            var aSubLi=parNode.getElementsByTagName("li");
            for(var j in aSubLi){
                if(aSubLi[j]!=srcEl){
                    document.all?aSubLi[j].className="li-noselected"
                                :aSubLi[j].setAttribute("class","li-noselected");
                }else{
                    document.all?aSubLi[j].className="li-selected"
                                :aSubLi[j].setAttribute("class","li-selected");                
                }
            }                         
        }
    }
}
</script><div>
  <ul>
    <li>item11</li>
    <li>item12</li>
    <li>item13</li>
    <li>item14</li>
  </ul>
</div><div>
  <ul>
    <li>item21</li>
    <li>item22</li>
    <li>item23</li>
    <li>item24</li>
  </ul>
</div><div>
  <ul>
    <li>item31</li>
    <li>item32</li>
    <li>item33</li>
    <li>item34</li>
  </ul>
</div>