當前位置:編程學習大全網 - 網站源碼 - <ul>中的<li>我點擊壹個<li>後這個的<li>改變背景色和字體顏色其他不變,求JS和CSS代碼

<ul>中的<li>我點擊壹個<li>後這個的<li>改變背景色和字體顏色其他不變,求JS和CSS代碼

<ul?id=list>

<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>

  • 上一篇:正點atom和wildfire STM32開發板哪個好?
  • 下一篇:海南離島免稅商品溯源碼是什麽?
  • copyright 2024編程學習大全網