<li>111111111111</li>
<li>222222222222</li>
<li>333333333333</li>
<li>444444444444</li>
</ul>
<script>
window.onload=function(){
var?lis=document.getElementById("list").getElementsByTagName("li");
for(var?i=0;i<lis.length;i++){
lis[i].setAttribute("index",i);
lis[i].onclick=function(){
for(var?i=0;i<lis.length;i++){
if(this.getAttribute("index")==i){
lis[i].style.color="#fff";
lis[i].style.backgroundColor="#666";
}else{
lis[i].style.color="";
lis[i].style.backgroundColor="";
}
}
}
}
}
</script>